@font-face {
    font-family: 'Gotham Black'; /*a name to be used later*/
    src: url('/Landing/Gotham/Gotham-Black.otf'); /*URL to font*/
}
@font-face {
    font-family: 'Gotham Light'; /*a name to be used later*/
    src: url('/Landing/Gotham/Gotham-Light.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Gotham Thin'; /*a name to be used later*/
    src: url('/Landing/Gotham/Gotham-Thin.otf'); /*URL to font*/
}

html,body{
    margin:0;
    padding:0;
    background-color: #FAD201;
}
img{
  -moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.background{
    position:fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: linear-gradient(180deg, rgba(254,236,80,1) 0%, rgba(253,191,90,1) 100%);
}
.main-wrapper{
    display: grid;
    /*place-items:center;*/
    justify-content: center;
}
.heading-wrapper{
    font-family: 'Gotham Black';
    text-align:center;
    height: fit-content;
    align-self: end;
    margin-bottom: 4rem;
}
.heading-one{
    font-size: 1.9rem;
    margin: 0;
    color: #1c1c1c;
}
.heading-two{
    font-size: 2.7rem;
    margin: 0;
    color: #1c1c1c;
}
.button-wrapper{
    align-self: start;
      text-align: center;
      margin-top: 0;
      margin-bottom: 2em;
      margin-left: 1.5em;
      margin-right: 1.5em;
      padding-top: 0.7em;
      padding-bottom: 0.7em;
      padding-left: 0.5em;
      padding-right: 0.5em;
      
      font-family: 'Gotham Light';
      font-size: 19px;
      border-style: solid;
      border-width: 2px;
      border-color: #1c1c1c;
      border-radius: 1000px/1000px;
      background-color:#1c1c1c;
      -webkit-box-shadow: 0px 10px 20px #00000033;
              box-shadow: 0px 10px 20px #00000033;
    -webkit-tap-highlight-color: transparent;
  }
  
  .button-link{
      text-decoration: none;
      color: #FFF;
      
  }
  
  @media screen and (min-width: 600px){
      .button-wrapper{
      text-align: center;
      padding-top: 0.7em;
      padding-bottom: 0.7em;
      padding-left: 2em;
      padding-right: 2em;
      justify-self: center;
      max-width: fit-content;
      font-family: 'Gotham Light';
      font-size: 19px;
      border-style: solid;
      border-width: 2px;
      border-color: #1c1c1c;
      border-radius: 1000px/1000px;
      background-color:#1c1c1c;
      -webkit-box-shadow: 0px 10px 20px #00000033;
              box-shadow: 0px 10px 20px #00000033;
    -webkit-tap-highlight-color: transparent;
  }
  
  .button-link{
      text-decoration: none;
      color: #FEFCFF;
      
  }
  }