body {
    margin: 0pt;
    padding: 0pt;
    width: 100%;
    height: 100%;
}

.content{
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 1%;
    margin-top: 1%;
    list-style: none;

}  

/* @media (min-width: 700px) {
    .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        margin-top: 5%;
        margin-left: 5%;
        margin-right: 5%;
    }

  } */

  
  .box1{
      display: flex;
    background-color: whitesmoke;
    /* width: 400px;
    height: 400px; */
    padding: 1%;
    flex-basis: 30%;
    box-sizing: border-box;
    /* justify-items: center; */
      border: 1px solid black;
      box-shadow: 10px 10px 5px grey;
  }

  .info{
      border: 1px solid black;
      box-shadow: 10px 10px 5px grey;
      background-color: whitesmoke;
      padding: 1%;
  }

  .box2{
      background-color: blueviolet;
      height: 40vh;
      width: 35vw;
  }
  .box3{
      background-color: burlywood;
      height: 40vh;
      width: 35vw;
  }

  .box4{
      background-color: chartreuse;
      height: 40vh;
      width: 35vw;
  }
  
  .weather_graph{
   
}




.title-mijnstageportaal {
    text-align: center;
  }
  
  
  
  .logo-nav{
      margin-right: 1%;
  }

.pos-graph{
    /* float: left; */
}

img {
    float: left;
  }

  .clear{
      clear: left;
  }

.center-links{
    display: flex;
    flex-wrap: wrap;
}

.weer_code{
}

.api_style div{
display: block;
}