@font-face {
    font-family: Lato;
    src: url("/Lato-Hairline.ttf") format('truetype');
    }
    
    @font-face {
    font-family: Lato2;
    src: url("/Lato-Thin.ttf") format('truetype');
    }
    
    .logo {
      position: absolute;
      left: 0;
      top: 0;
      height: auto;
      width: 10vw;
      margin-left: 6.7vw;
    }
    
    body {
      background-repeat: no-repeat; 
      background-size: 100%; 
      overflow: hidden;
    }
    
    
    .glass {
      left: 0;
      position: absolute;
      margin-top: 42vh;
      width: 100vw;
      padding: 1vh;
      min-height: 59vh;
      height: 59vh;
      overflow: hidden;
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }
    
    H1 {
      margin-left: 7vw;
      margin-bottom: 5vh;
      color: white;
      font-size: 2.1vw;
      font-family: Lato;
      font-weight: 700;
    }
    
    .normal {
      margin-left: 7vw;
      color: white;
      font-size: 1.6vh;
      font-family: Arial;
      font-weight: lighter;
    }
    
    p2 {
      margin-left: 7vw;
      color: white;
      font-size: 0.8vw;
      font-family: Arial;
      font-weight: bold;
    }
    
    p3 {
      margin-left: 0;
      color: white;
      font-size: 0.8vw;
      font-family: Arial;
      font-weight: bold;
    }
    
    .decor {
      margin-left: 7vw;
      color: white;
      opacity: 0.8;
      font-size: 1vh;
      font-family: Arial;
      margin-top: 31vh;
    }
    
    .marquee-div {
      position: absolute;
      margin-left: 19vw;
      width: 74vw;
      
    }
    
    marquee {
      color: white;
      font-size: 0.8vw;
      font-family: Lato2;
      font-weight: bold;
    }
    
    button {
      border: none;
      background-color: white;
      margin-left: 5vw;
      font-size: 0.7vw;
      font-family: Arial;
      font-weight: bold;
      position: absolute;
      height: 2vh;
      width: 4.7vw;
      left: 3vw;
      top: 13vh;
      transition:
      color 0.5s, 
      background-color 0.8s;
    }
    
    button:hover {
      color: white;
      background: none;
    }
    
    .text-box {
      width: 30vw;
      position: absolute;
      transition: opacity 0.8s;
    }
    
    .text-overflow {
      height:20vh ;
      width: 30vw;
      position: absolute;
      transition: opacity 0.8s;
      overflow:auto;
    }
    
    
    .menu {
      position: absolute;
      padding: 1vw;
      right: 0;
      top: 7.8vh;
      height: 30vh;
      width: 5vw;
      border-width: 0.2vh 0 0.2vh 0.2vh;
      border: solid white;
      transform:perspective(190px) rotateX(-8deg) rotateY(-20deg) rotate(4deg)
      
    }
    
    .menu-op {
      text-align: left;
      color: white;
      font-size: 1.1vw;
      font-family: Lato2;
      font-weight: bold;
      margin-top: 3vh;
      background: none;
      transition: transform 0.2s;
      
    }
    
    a {
      text-decoration: none;
      color: white;
      transition: color 0.7s, background 1s;
    }
    
    a:hover {
      background-color: white;
    }
    
     .topic {
      border: 0.1vw solid white;
      width: 20vw;
      text-align: left;
    }