html{
     font-size: 13px;
}

*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    list-style: none;
    font-family: 'poppins',sens-serif;

}
.logo h1{
     font-size: 3rem;
     font-weight: bolder;
     color: white;
     text-shadow: 2px 2px black;
}
 .navbar{
    width: 100%;
    height: 10vh;
    /* background-color: #fee; */
    justify-content: space-around;
    align-items: center;
    display: flex;
    color: #000;
    z-index: 5;
 }
 .menu ul li{
    /* padding: 5px 12px; */
    border: 4px solid #000;
    border-radius: 20px;
    height: 5vh;
    width: 150px;
     text-align: center;
    margin: 0px 15px;
    /* padding: 25%; */
    box-sizing: border-box;
    padding: 0px;
    z-index: 3;
    background-color: #000;


 }
 .menu ul li a{
     line-height: 5vh;
     cursor: pointer;
    text-decoration: none;
    color: #f8f6f6;
    letter-spacing: 2px;
    font-size: 1rem;
 }
 .menu ul li:hover{
    /* border-bottom: 4px solid #000; */
    background-color: #0000005b;
    transition: 0.4s;
}
.hero_section h1{
     color: #000;
     font-size: 3rem;
     font: bolder;
}
.hero_section p{
     color: black;
     font-size: 2rem;
}
.menu ul{
     display: flex;
}
 .signup a{
    text-decoration: none;
    color: #f7f7f7;
    font-size: 1.5rem;
    font-weight:bolder;
    border-radius: 20px;
    /* padding: 12px 30px; */
    /* border: 5px solid #3e40a1; */
    /* background-color: rgb(0, 0, 0); */
    
 }
  .signup a:hover{
     background-color: red;
     transition: 0.6s;
  }
  .body{
        position: absolute;
        top:0px;
        left: 0px;
        height:100vh;
        width:100vw;
        /* overflow: hidden; */
  }
    
  .hero_section{
     position: absolute;
     top: 10vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 30vh;
   width: 100%;
   text-align: center;
   color: #fff;
   background-color: rgba(255, 255, 255, 0.329);
}
 .hero_section h1{
      font-size: 40px;
      font-weight: bolder;
      color: #0f0a41;
 }
 .hero_section a{
         text-decoration: none;
         color: #000;
         font-size: 25px;
         font-weight: bold;
         border-radius: 45px;
         padding: 14px 50px;
         background-color: #ffffff49;
         border: 2px solid black;
 }
  .hero_section a:hover{
      letter-spacing: 3px;
      transition: 0.6s;
 }
  .tours{
     position: absolute;
     top: 50vh;
     /* height: 30vh; */
      width: 100%;
      display: flex;
      justify-content: space-around;
 }
 .places{
      display: inline;
      text-align: center;
      border-radius: 12px;
     box-shadow: 20px 20px 20px black;
      
 }
 .places h2{
      color: rgba(255, 255, 255, 0.918);
      font-size: 35px;
      border-radius: 1px;
      padding: 30px 30px;
      background-color: #000;
 }
 .places a{
   text-decoration: none;
   color: red;
   font-weight: bold;
   font-size: 18px;
   border-radius: 12p
   
 }
 .places a:hover{
      background-color: #00000081;
      letter-spacing: 3px;
      transition: 0.6;
 }
 .footer{
     /* display: none; */
     position: absolute;
     top: 95vh;
     width: 100vw;
     height: 5vh;
     background-color: #000;
     z-index: 5;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     
 }
 .footer a{
      text-decoration: none;
      color: rgb(252, 255, 252);
      font-size: 18px;
      font-weight: bold;
 }

 .circle{
     position: absolute;
     top: 0px;
     /* top: -100%; */
     left: 0px;
     height: 100vh;
     width: 100vw;
     /* aspect-ratio: 1/1 ; */
     /* border-radius: 100%; */
     background-color: rgb(239, 243, 242);

   
     z-index: -3;
 }
 .circle::after{
      content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0px;
     /* top: -100%; */
     z-index: 0;
     left: 0px;
     /* border-radius: 100%; */

     background:url('/photos/international/london.jpg');
     background-position: fixed;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: .75;
     box-shadow: 20px 20px 20px black;
     /* border:  solid rgb(2, 2, 92); */
    
     
 }
body{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     background-color:rgba(2, 2, 92, 0.568) ;

}