@font-face {
      font-family: Avant_Medium;
      src: url(font/ITC_Avant-Garde_Gothic_Medium.otf) format("opentype");
    }

    @font-face {
      font-family: Nexa_Bold;
      src: url(font/Nexa_Bold.otf) format("opentype");
    }
    @font-face {
      font-family: Nexa_Light;
      src: url(font/Nexa_Light.otf) format("opentype");
    }



    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-weight: unset;
      font-family: 'Nexa_Light';
      -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
      }
    html{
        scroll-behavior: smooth;
    }
    body{
        margin: 0;
        padding: 0;
        width: 100vw;
        background-color: white;
        overflow-x: hidden;
    }

    body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  background-color: #BCFF84;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #1A332D;
}

    img{
        width: 100%;
    }

    svg{
        display: none;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

a:hover,a:visited,a:hover,a:active {
    color:inherit; 
    text-decoration:none; 
    cursor:pointer;  
}

a{
    width: 100%;
}

.container{
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.select_container{
    width: 300px;
    margin: auto;
}

.logo{
    width: 60px;
    margin: auto;
}

#welcome{
    font-family: 'Nexa_Bold';
    font-size: 2.8rem;
    text-align: center;
    margin: 30px 0 0 0;
    text-transform: uppercase;
}

.buttons{
    margin: auto;
    display: flex;
    justify-content: space-around;
}
.button{
    width: 50px;
    opacity: 0.7;
}

.button:hover{
    opacity: 1;
}

#sub_text{
    color: gray;
    font-size: 1rem;
    font-family: 'Nexa_Light';
    margin: 0 0 40px 0;
    text-align: center;
    margin: 0 0 30px 0;
    /*text-transform: uppercase;*/
}