@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;
    }

    .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 fb'
        'fb4 fb4'
        'clbox clbox';
      font-family: 'RM', sans-serif;
      margin-top: 16.5%; 
  
      margin-bottom: 10%;
      gap: 10px;
  
    }
  
  #subtitle1 {
    font-size: 150%;
    top: -30px;
  }