*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}
.bgImage{    
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(rgba(12, 13, 37, 0.75),rgba(53, 82, 82, 0)),url('bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}
.navbar{
    width: 95%;
    margin: auto;
    padding: 35px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.logo{
     width: 230px;
     height: 45px;
          
}
.navbar ul li{
      list-style: none;
      display: inline-block;
      margin: 0 20px;
      position: relative;

}
.navbar ul li a{
      text-decoration: none;
      color: #aefaf6; 
      text-transform: uppercase;
 
}
.navbar ul li::after{
      content: '';
      height: 3px;
      width: 0%; 
      background: #a2f3eb;
      position: absolute;
      left: 0;
      bottom: -10;
      transition: 0.5s
      
}
.navbar ul li:hover::after{
      width: 100%;
     
}
.content{
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      
}
.content h1{
    font-family: "Fleur De Leah", cursive;
    font-weight: 400;
    font-style: normal;
      font-size: 130px;
      margin-top: 80px;
      color: #c5f8f4;
     
}
.content p{
     font-family: "Playwrite AU TAS", cursive;
     font-optical-sizing: auto;
     font-style: normal;
      margin: 20px auto;
      font-size: 30px;
      font-weight: 200;
      line-height: 25px;
      color: #c5f8f4;

}