@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap);html{font-size:62.5%}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.flex,.navbar{display:flex}.navbar{align-items:center;background-color:#fff;box-shadow:1px 2px 5px #444;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:900;height:100vh;left:0;min-width:250px;padding:5vh 0;position:fixed;text-transform:uppercase;top:0;z-index:3}.navbar .navLogo{height:auto;width:100px}.navbar .navItems{align-items:flex-end;display:flex;flex-direction:column;margin-top:8vh}.navbar .navItems li{list-style:none}.navbar .navItems *{margin:.5vh 0}.navbar .navItems .navItem{display:flex;width:90%}.navbar .navItems .navItem a{color:#474747;padding:15px;text-decoration:none;transition:color .3s ease-in-out;width:100%}.navbar .navItems .navItem .active{background-color:#97bf11;color:#fff}.navbar .navItems .navItem .logout-btn{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;margin-left:10%;width:100px}.navbar .navIcons{color:#474747;margin-top:25vh}.navbar .navIcons *{padding:0 10px}@media screen and (max-width:425px){.navbar{font-size:1.5em;left:0;min-width:auto;overflow:hidden;padding:3vh 0;transition:width .4s ease-in-out;width:23vw}.navbar:hover{align-items:center;transition:width .3s ease-in-out;width:40vw}.navbar .navLogo{width:80px}.navbar .navItems{margin-top:5vh}.navbar .navItems .navItem{width:100%}.navbar .navItems .navItem a{padding:10px;width:100%}.navbar .navIcons{display:flex;margin-top:2vh}}@media screen and (min-width:500px)and (max-width:768px){.navbar{align-items:baseline;left:0;min-width:auto;overflow:hidden;padding:3vh 0;transition:width .4s ease-in-out;width:15vw}.navbar:hover{align-items:center;transition:width .3s ease-in-out;width:30vw}.navbar .navLogo{width:80px}.navbar .navItems{margin-top:5vh}.navbar .navItems .navItem{width:100%}.navbar .navItems .navItem a{padding:10px}.navbar .navItems .navItem button{margin-left:20%}.navbar .navIcons{display:flex;margin-top:2vh}}.noRes-container{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;margin-bottom:20%;margin-left:20%}.myRes-title{margin:2vh auto}.myRes-title,.title{color:#474747;font-size:2rem;font-weight:900;letter-spacing:.2rem;text-transform:uppercase}.title{margin-bottom:2%;margin-left:30%;margin-top:5%}.myRes-brief{color:#474747;font-size:1.5rem;font-weight:400;letter-spacing:.5rem;margin-bottom:5%;text-align:center}.reservations-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-left:22%}.reservation-card{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;width:90%}.reservation-title{color:#474747;font-size:1.5em;font-weight:900;letter-spacing:.1rem;margin-bottom:2%;margin-left:20%;text-transform:uppercase}.reservation-info{display:flex;flex-direction:column;letter-spacing:.2rem;margin:2%}.reservation-info p{font-size:1.3em;font-weight:700;margin-top:2%}.each-room-reserved{display:flex;flex-direction:column;margin-top:1em}.reservation-info-section{align-items:center;display:flex;font-family:Montserrat,sans-serif;justify-content:space-between}.reservation-img img{width:100%}.room-details{display:flex;flex-direction:column;margin-top:1em}.room-details p{font-size:1.1em;font-weight:500;letter-spacing:.1rem;margin-bottom:1em}button{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;width:100px}button:hover{background-color:#e6031c;cursor:pointer}@media screen and (min-width:427px) and (max-width:768px){.noRes-container{margin-bottom:10%;margin-left:1%}.myRes-header{margin-left:10%}.myRes-title{font-size:4rem;margin-bottom:2%;margin-top:2%}.title{font-size:4rem;margin-left:20%}.myRes-brief{font-size:2rem;margin-bottom:2%;margin-left:10%}.reservations-container{margin-left:15%}.btn-container .button{margin-left:30%}.reservation-card{width:70%}.reservation-img img{width:50%}.reservation-info-section{flex-direction:column}}.home-container{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin-left:250px;position:relative}.home-container .home-title{color:#474747;font-size:4rem;font-weight:900;letter-spacing:.5rem;text-transform:uppercase}.home-container .home-brief{color:#8f8f8f;font-size:1.5rem;font-weight:600;margin:2vh 0;text-transform:capitalize}.home-container .react-multi-carousel-list{width:100%}.home-container .react-multi-carousel-track{margin:0 auto}.home-container .react-multi-carousel-item{align-items:center;display:flex;justify-content:center}.home-container .react-multi-carousel-item .display-card-container{margin:0 35px}.home-container .react-multi-carousel-item .delete-btn{display:none}.home-container .react-multiple-carousel__arrow{background-color:#97bf11;border-radius:0;color:#fff;cursor:pointer;padding:20px;top:50%;transition:all .3s ease-in-out;width:100px;z-index:5}.home-container .react-multiple-carousel__arrow--left{border-bottom-right-radius:50px;border-top-right-radius:50px;left:0;z-index:1}.home-container .react-multiple-carousel__arrow--right{border-bottom-left-radius:50px;border-top-left-radius:50px;right:0;z-index:1}@media screen and (max-width:425px){.home-container{margin-left:20%;padding:0 10px}.home-container .home-title{font-size:3rem;letter-spacing:.3rem}.home-container .home-brief{font-size:1.2rem;width:70%}.home-container .react-multi-carousel-item .display-card-container{margin:0 10px}.home-container .react-multi-carousel-item .display-card-container p{font-weight:700}.home-container .react-multiple-carousel__arrow{padding:10px;width:50px}}@media screen and (max-width:768px){.home-container{margin-left:20%;padding:0 10px}.home-container .home-title{font-size:3rem;letter-spacing:.3rem}.home-container .home-brief{font-size:1.2rem}.home-container .react-multi-carousel-item .display-card-container{margin:0 10px}.home-container .react-multi-carousel-item .display-card-container p{font-weight:700}.home-container .react-multiple-carousel__arrow{padding:10px;width:50px}}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:rgba(0,0,0,.5);border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:rgba(0,0,0,.5);cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.display-card-container{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;width:250px}.display-card-container .card-img-container{align-items:center;border-radius:50%;display:flex;height:220px;justify-content:center;overflow:hidden;width:220px}.display-card-container .card-img-container .card_img{height:100%;margin:0 auto;object-fit:cover;width:auto}.display-card-container .display-card-title{color:#474747;font-size:1.5rem;font-weight:700;margin:.5rem 0;text-transform:uppercase}.display-card-container .card-separator p{color:#e2e2e2;font-size:2rem}.display-card-container .card-content{align-items:center;color:#8f8f8f;display:flex;flex-direction:column;font-size:1.3rem;font-weight:500;justify-content:center}.display-card-container .card-content .card-actions{align-items:center;display:flex;justify-content:center;margin-top:1rem;width:100%}.display-card-container .card-content .card-actions *{margin:0 .5rem}.display-card-container .card-content .card-actions p{font-size:1.2rem}.display-card-container .card-content .card-actions button{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;width:100px}.display-card-container .card-content .card-actions button:hover{background-color:#474747;cursor:pointer}.display-card-container .card-links{display:flex;margin-top:5px}.display-card-container .card-links .card-icon-sm{border:1px solid #8f8f8f;border-radius:50%;color:#8f8f8f;font-size:1.5rem;height:15px;margin:10px;padding:5px;width:15px}.delete-header{margin-top:2%}.delete-header .delete-title{color:#474747;font-size:2rem;font-weight:900;letter-spacing:.5rem;margin-bottom:5%;margin-left:30%;text-transform:uppercase}.delete-container{display:flex;justify-content:center;margin-bottom:2%;margin-left:20%}.delete-container .delete-grid{align-items:center;display:flex;flex-direction:column;gap:30px}.delete-container .display-card-container .card-content .card-actions .select-btn{display:none}.addRes-container{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;margin-left:250px;position:relative}.addRes-container .addRes-title{color:#474747;font-size:4rem;font-weight:900;letter-spacing:.5rem;margin-top:5vh;text-transform:uppercase}.addRes-container .addRes-brief{color:#8f8f8f;font-size:1.5rem;font-weight:600;margin:2vh 0;text-transform:capitalize}.reservation-data-container{background-color:#eee;display:flex;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:600;justify-content:space-between;margin:25px auto;padding:20px 50px;width:100%}.reservation-data-container button{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;width:100px}.reservation-data-container button:hover{background-color:#474747;cursor:pointer}.btn-container{text-align:center}.btn-container .button{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;width:100px}@media screen and (max-width:425px){.addRes-container{margin-left:20%}.addRes-container .addRes-title{font-size:2rem;letter-spacing:.2rem}.addRes-container .addRes-brief{font-size:1rem;letter-spacing:.1rem}}@media screen and (min-width:768px){.addRes-container{margin-left:20%}.addRes-container .addRes-title{font-size:2rem;letter-spacing:.2rem}.addRes-container .addRes-brief{font-size:1rem;letter-spacing:.1rem}}.room-content-container{font-family:Montserrat,sans-serif;height:90vh;margin-left:25%}.room-content-container .room-title{color:#474747;font-size:3.5rem;font-weight:900;letter-spacing:.5rem;text-transform:uppercase}.room-content-container .room-img{width:100%}.room-content-container .room-specs{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10%}.room-content-container .room-specs p{color:#474747;font-size:1.5rem;font-weight:600;margin:2%}.room-content-container .room-specs .btn-container{display:flex;justify-content:space-between;width:100%}.room-content-container .room-specs .btn-container button{background-color:#97bf11;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin:5%;padding:2%;text-transform:uppercase;transition:background-color .3s ease-in-out}.room-content-container .room-specs .btn-container button:hover{background-color:#7fae0a}@media screen and (min-width:768px)and (max-width:1024px){.room-content-container{height:65vh;margin-top:10%}.room-content-container .room-specs{display:flex;flex-direction:row;justify-content:space-evenly}.room-content-container .room-specs .room-img-container{margin-right:5%;width:80%}.room-content-container .room-specs .room-img-container .room-img{width:100%}.room-content-container .room-specs .room-detail-text{margin-right:2%;width:30%}.room-content-container .room-specs .room-detail-text p{font-size:2rem;letter-spacing:.1rem}.room-content-container .room-specs .btn-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-top:10%;width:100%}.room-content-container .room-specs .btn-container button{font-size:1.5rem;margin:2% 0 0;padding:1%;width:60%}}@media screen and (min-width:1024px){.room-content-container{height:65vh;margin-top:10%}.room-content-container .room-specs{display:flex;flex-direction:row;justify-content:space-evenly}.room-content-container .room-specs .room-img-container{margin-right:5%;width:80%}.room-content-container .room-specs .room-img-container .room-img{width:100%}.room-content-container .room-specs .room-detail-text{margin-right:2%;width:30%}.room-content-container .room-specs .room-detail-text p{font-size:2rem;letter-spacing:.1rem}.room-content-container .room-specs .btn-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:10%;width:100%}.room-content-container .room-specs .btn-container button{font-size:1.5rem;margin:0;padding:1%;width:40%}}.login-container{display:flex;flex-direction:column;margin-left:20%;margin-top:40%}.login-container .form-title{color:#474747;font-size:3rem;font-weight:900;letter-spacing:.5rem;text-align:center;text-transform:uppercase}.login-container .form-container{align-content:center;align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center}.login-container .form-container .input-container{display:flex;flex-direction:column;width:70%}.login-container .form-container .input-container .input-login{margin-top:10%}.login-container button{background-color:#97bf11;border:none;border-radius:20px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;height:30px;margin-top:5%;width:50%}@media screen and (min-width:768px){.login-container{margin-left:15%;margin-top:20%}.login-container .form-container .input-container{width:50%}.login-container .form-container .input-container input{margin-top:2%}.login-container button{margin-top:3%;width:30%}}.create-room-form{margin-top:5%}.create-room-form .input-create .form-label{font-size:1.5em;margin-bottom:2%;margin-top:2%}.create-room-form .input-create .input-create-room{margin-top:3%}.create-room-form .input-create textarea{resize:none}@media screen and (min-width:768px){.create-room-form{margin-top:1%}.create-room-form .input-create .form-label{font-size:1.5em;margin-bottom:1%;margin-top:1%}.create-room-form .input-create .input-create-room{margin-top:1%}}
/*# sourceMappingURL=main.fd06000c.css.map*/