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

  *{
    margin: 0px;
  }
.mh1{
      font-size: 200%;
      padding-bottom: 1%;

    }
.mh2 {
    font-size: 170%;
    padding-bottom: 1%;

  }
.hvem{
      border: solid 1px rgb(17, 148, 203);
      background-color: rgb(17, 148, 203);
      border-radius: 25px;
      grid-area: welcome;
      text-align: left;
      border: 5px;
      padding: 7%;
      font-size: 170%;
      color: white;
      max-width: 1000px;
    }
.tilbud{
      border: solid 1px rgb(17, 148, 203);
      background-color:  #002B46;
      border-radius: 25px;
      grid-area: tilbud;
      text-align: left;
      border: 5px;
      padding: 7%;
      font-size: 170%;
      color: white;
      max-width: 1000px;
    }

  
.medlem {
      grid-area: medlem;
      border: solid 1px rgb(17, 148, 203);
      background-color: #DD1F17;
      border-radius: 25px;
      padding: 7%;
      font-size: 170%;
      text-align: center;
      color:white;
      max-width: 1000px;
      text-align: left;
    }
  


    
.grid-container {
      display: grid;
      grid-template-areas:
        'welcome welcome'
        'tilbud tilbud'
        'medlem medlem';
      gap: 10px;
      padding: 10px;
      justify-content: center ;
      font-family: 'RM', sans-serif;
      text-size-adjust: auto; 
    }
.imgcontain{
    position: relative;
    position: relative;
    width: 100%;
    height: 100%;

  }
.centertxt{
    text-align: center;
    font-size: 100px;
    color: rgb(255, 255, 255);
    font-family: 'RL', sans-serif;
    position: relative;
    top: -20vw;
    left: 10%;
    width: 80%;
    height: 80%;

  }

  img {
    border: hidden;
    border-radius: 25px;
    opacity: 0.82;
    
  }