html,body{
  max-width:100%;
  height:100vh;
  margin:0;
  padding:0;
  overflow-x:hidden;
  background-color:black;
  font-family:sans-serif;
}
nav{
  position:sticky;
  z-index:1;
  background-color:;
  display:flex;
  flex-direction:row;
  justify-content:center;
  top:1px;
  .page-titel{
    color:white;
    width:30px;
    font-size:35px;
    margin-left:30px;
  }
  .back{
    display:flex;
    flex-direction:row;
    background-color:black;
   background-image:url("/Rooms /images - 2025-04-22T101230.959.webp");
    background-size:cover;
    background-position:center;
    width:100vw;
    height:75px;
    .icon{
      margin-left:69%;
      margin-top:15px;
      z-index:1;
    }
    .round{
      width:37px;
      height:40px;
      border-style:solid;
      border-color:transparent;
      border-radius:8px;
      border-width:3px;
      background-color:transparent;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:5px;
      text-shadow:0 0 5px white;
      z-index:2;
    }
    .line{
      height:7px;
      width:37px;
      border-style:solid;
      border-width:1.5px;
      border-color:navajowhite;
      border-radius:8px;
      background-color:navajowhite;
      box-shadow: 0 0 1px black;
      z-index:3;
    }

/* Menu items (hidden initially) */
    .menu-items {
      height:250px;
      width:220px;
      padding-left:5px;
      background-color:#000000B8;
      border-color:black;
      border-style:solid;
      border-width:2px;
      border-radius:18px 0 0 18px;
      display: flex;
      flex-direction:column;
      justify-content:end;
      align-items:start;
      position: absolute;
      font-weight:900;
      right:0px;
      top:-.0px;
      gap:10px;
      z-index:1;
      visibility:hidden;
    }

/* Styling for the menu links */
    .menu-items a {
      /*width:215px;*/
      margin-right:-20px;
      text-decoration: none;
      background-color:;
      text-shadow:1px 1px 2px black;
      color:#F38B26;
      font-size: 18px;
    }
  }
  }

.discription{
  color:white;
  font-size:25px;
  width:99vw;
  text-align:center;
}

.content{
  width:100vw;
  height:100vh;
  justify-items:center;
  background-color:;
  .first-layer{
    justify-content:space-between;
    align-items:center;
    width:98vw;
    height:60px;
    border-radius:0 30px 30px 0;
    display:flex;
    flex-direction:row;
    background-color:white;
    .destination{
      width:80vw;
      height:58px;
      text-align:center;
      font-size:25px;
      font-weight:900;
      border-color:white;
      appearance: none; /* Remove default arrow */
      -webkit-appearance: none;
      -moz-appearance: none;
      background:url("/Rooms /down.webp")
      no-repeat right 10px center;
      background-size: 20px; /* Arrow size */
      padding-right: 30px; /* Space for arrow */
    }
    .map-round{
      height:50px;
      width:50px;
      border-radius:50%;
      background-color:;
      border-style:solid;
      border-color:#D40035;
      border-width:5px;
      background-color:;
      text-align:center;
    }
    .map-icon{
      margin-top:2.5px;
      width:45px;
      height:45px;
    }
  }
    
 .middle-layer{
   margin-top:5px;
   border-radius:30px 0 0 30px;
   background-color:orange;
    width:98vw;
    height:60px;
    align-items:center;
    display:flex;
    flex-direction:row;
    .icon{

      .icon-round{
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        border-color:#D40035;
        border-style:solid;
        border-width:5px;
        height:50px;
        width:50px;
        border-radius:50%;
      }
      .bed{
        background-color: #8C878A;
        
      }
      .bed:nth-child(1){
        height:26px;
        width:8px;
        border-radius:3px;
      }
      .bed:nth-child(2){
        width:25px;
        height:10px;
        margin-top:5px;
      }
      .bed:nth-child(3){
        height:20px;
        width:8px;
        margin-top:5px;
        border-radius:3px;
      }
    }
 }
 hr{
   border-color:#00FF58;
   width:80vw;
 }
 .hotels{
   display:flex;
   flex-direction:row-reverse;
   overflow-x:scroll;
   scroll-snap-type:x mandatory;
   scroll-behavior:smooth;
   color:white;
   margin-top:10px;
   width:98vw;
   background-color:;
   height:23vh;
   .hotel:nth-child(1),.hotel:nth-child(12){
    visibility:hidden;
  }
   .hotel{
     scroll-snap-align:center;
     text-align:center;
     flex:0 0 auto;
     width:30vw;
     height:23vh;
     img{
       width:30vw;
       height:15vh;
       border-radius:50%;
       border-color:white;
       border-style:solid;
       border-width:2px;
     }
     .hotel-name{
       text-align:center;
       margin-top:-5px;
     }
   }
 }
 
 .details{
   width:98vw;
   height:50vh;
   display:flex;
   flex-direction:row;
   overflow-y:scroll;
   .sub-heat{
     color:white;
     font-size:20px;
     font-weight:;
   }
   .sub-detail{
     color: white;
     font-size:15px;
   }
 }
}