@font-face {
  font-family: 'RL', sans-serif;
  src: url(Poppins-Light.ttf);
}
@font-face {
  font-family: 'RR', sans-serif;
  src: url(Poppins-Regular.ttf);
}
@font-face {
  src: url(Poppins-Regular.ttf);
  font-family: 'RM', sans-serif;
  src: url(Poppins-Medium.ttf);
}

@font-face {
 src: url(Think.ttf);
 font-family: 'think',sans-serif;

}

* {
  box-sizing: border-box;
}
.calendar2 {
  text-align: center;
  
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 400px;
  border-radius: 10px;
  border: none; 


}
.clbox {
  text-align: center;
  border: solid 1px rgb(17, 148, 203);
  background-color: #002B46;
  border-radius: 25px;
  grid-area: clbox;
  text-align: left;
  border: 5px;
  padding: 3%;
  font-size: 150%;
  color: white;
  max-width: 1020px;

}
  .mh1{
    font-family: 'THINK',sans-serif;
    font-size: 180%;
    padding-bottom: 1%;
  }
.mh2 {
  font-family: 'THINK',sans-serif;
  font-size: 160%;
  padding-bottom: 1%;
}
  .welcome{
    border: solid 1px rgb(17, 148, 203);
    background-color: #DD1F17;
    border-radius: 25px;
    grid-area: welcome;
    text-align: left;
    border: 5px;
    padding: 7%;
    font-size: 160%;
    color: white;
    max-width: 1020px;

    

  }
  
  .fb {
    border: hidden 0 rgb(17, 148, 203);
    background-color: rgb(24, 124, 205);
    border-radius: 25px;
    grid-area: fb;
    padding: 5%;
    font-size: 120%;
    color:white;
    max-width: 500px; 
    height: 400px;
  }

  .fb4 {
    border: hidden 0 rgb(17, 148, 203);
    background-color: rgb(24, 124, 205);
    border-radius: 25px;
    grid-area: fb4;
    padding: 5%;
    font-size: 120%;
    color:white;
    max-width: 500px; 
    height: 400px;



  }
  .fbemb{
      grid-area:fb4;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border-radius: 25px;
      border: none;
      overflow: hidden;
      align-self: center;
      

      
    
  }


  .medlem {
    grid-area: medlem;
    border: solid 0 rgb(17, 148, 203);
    background-color: #3D423E;
    border-radius: 25px;
    padding: 7%;
      font-size: 160%;
    text-align: center;
    color:white;
    max-width: 1020px;
    text-align: left;
  }
  
  .grid-container {
    display: grid;
    justify-content:center;
    align-items: center;
grid-template-rows: auto auto;
grid-template-columns: minmax(100px,500px) minmax(100px,500px);
    grid-template-areas:
      'welcome welcome  '
      'medlem medlem'
      'fb fb4 '
      'clbox clbox ';
    font-family: 'RM', sans-serif;
    margin-top: 16.5%; 

    margin-bottom: 10%;
    gap: 10px;

  }

  #subtitle1 {
    font-size: 450%;
    top: -50px;
  }