.Button{background-color:green;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:1.1rem;font-weight:700;max-width:content;min-width:7rem;padding:.5rem 1rem}.Button:hover{box-shadow:0 10px 50px rgba(0,0,0,.1);min-width:7.2rem;padding:.5rem 1.2rem}@media only screen and (max-width:500px){.Button{cursor:pointer;font-family:sans-serif;font-size:.9rem;font-weight:700;max-width:content;min-width:5.5rem;padding:.4rem .5rem}.Button:hover{min-width:5.6rem;padding:.5rem .7rem}}.search-bar-form-open{-webkit-animation:open-search 1s;animation:open-search 1s;height:50px;margin-right:18%;width:70%}.search-bar-form-close,.search-bar-form-open{align-items:center;display:flex;justify-content:center}.search-bar-form-close{-webkit-animation:close-search 1s;animation:close-search 1s;height:0;margin-right:3rem;width:0}@-webkit-keyframes open-search{0%{height:0;margin-right:3rem;width:0}to{height:50px;margin-right:18%;width:70%}}@keyframes open-search{0%{height:0;margin-right:3rem;width:0}to{height:50px;margin-right:18%;width:70%}}@-webkit-keyframes close-search{0%{height:50px;margin-right:18%;width:70%}to{height:0;margin-right:3rem;width:0}}@keyframes close-search{0%{height:50px;margin-right:18%;width:70%}to{height:0;margin-right:3rem;width:0}}.search-delete-btn{background-color:#dce8fa;border-radius:20px 0 0 20px;cursor:pointer;margin-left:.2rem;padding:.6rem 0;width:25px}.search-delete-btn:hover{background-color:#c8dbf8}@media only screen and (max-width:1100px){.search-bar-form-close,.search-bar-form-open{display:none}}.profile-btn-img{border-radius:50%;box-shadow:0 2px 10px hsla(0,3%,94%,.35);cursor:pointer;height:3.7rem;width:3.7rem}.profile-btn-img,.profile-btn-img:hover{transition:width .3s,height .3s,box-shadow .3s}.profile-btn-img:hover{box-shadow:0 4px 15px hsla(0,3%,94%,.35);height:3.8rem;width:3.8rem}.Header .menu-item img{height:2rem;margin-right:1rem;width:2rem}.Header .menu-profile-img{background-color:#000;border-radius:50%}.header-menu-container{background:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.header-menu{background-color:#fff;border-radius:5px;color:#000;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;position:absolute;right:5rem;top:4.5rem;z-index:1}.Header .menu-item{align-items:center;display:flex;font-weight:lighter;padding:.5rem 1rem;width:9rem}.Header .menu-item:hover{background-color:#cecef8}.Header .menu-item:first-child:hover{border-radius:5px 5px 0 0}.Header .menu-item:last-child:hover{border-radius:0 0 5px 5px}.header-menu hr{border-color:#ccc;border-width:.5px;margin:0}@media only screen and (max-width:1100px){.header-menu{position:absolute;right:1rem}}@media only screen and (max-width:450px){.header-menu{position:absolute;right:.5rem;top:4rem}}.Header{background-color:#2f2f9a;color:#e8e8fa;font-family:cursive;font-weight:700;height:5rem;left:0;position:fixed;top:0;width:100%;z-index:1}.left-right-container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 5rem 0 2rem}.header-right-side{justify-content:end;width:100%}.header-right-side,.logo-area{align-items:center;display:flex}.logo-area{cursor:pointer;justify-content:center}.logo-area img{height:2.7rem;transition:width .3s;width:2.6rem}.logo-area:hover img{transition:width .3s;width:2.8rem}.logo-area h1{font-size:2.5rem;margin:0;transition:font-size .3s}.logo-area:hover h3{font-size:2.6rem;transition:font-size .3s}.header-padding{height:3rem}@media only screen and (max-width:1100px){.left-right-container{padding:0 1rem}}@media only screen and (max-width:450px){.Header{height:4rem}.header-padding{height:2rem}.logo-area h1{font-size:2rem}.logo-area img{height:2.1rem;width:2rem}.profile-btn-img{height:3.2rem;width:3.2rem}.left-right-container{padding:0 .5rem 0 0}}@media only screen and (max-width:320px){.logo-area h1{font-size:1.5rem}}.VacationBox{background-repeat:no-repeat;background-size:cover;border:1px solid #20212a;border-radius:20px;box-shadow:0 4px 15px 2px rgba(0,0,0,.15);height:19rem;margin:0 1rem 2rem;width:20rem}.VacationBox:hover{box-shadow:0 5px 25px 10px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.3);transition:box-shadow .4s}.vacation-background{background-size:cover;border-radius:20px 20px 0 0;height:14rem;text-align:right;width:20rem}.admin-buttons{align-items:flex-end;display:flex;flex-direction:column}.delete-img,.edit-img{background:rgba(99,89,167,.7);border-radius:20px;box-shadow:inset 0 4px 38px #f1f2f9,0 2px 12px #97a9e3;cursor:pointer;height:1.7rem;margin-right:.5rem;margin-top:.5rem;padding:.3rem;width:1.7rem}.delete-img:hover,.edit-img:hover{padding:.4rem;transition:padding .2s}.details-container{padding:0 1.5rem}.details-container>*{text-align:left}.top-vacation-box{align-items:center;display:flex;justify-content:space-between}.top-vacation-box h3{font-size:1.3rem;margin:0}.vacation-price{font-size:1.1rem}.vacation-description{background-color:hsla(0,0%,100%,.7);font-size:.9rem;height:5rem;margin-top:9rem;opacity:0;position:absolute;text-align:left;transition:opacity .8s;width:20rem}.VacationBox:hover .vacation-description{opacity:1;transition:opacity .8s}.vacation-description>*{padding:0 1.5rem}.vacation-dates{display:flex;font-weight:700;justify-content:space-around;margin-top:1.5rem}.img-loading-spinner{display:flex;height:14rem;justify-content:center}.vacation-follow-btn{margin-right:.5rem;margin-top:.5rem}@media only screen and (max-width:340px){.VacationBox,.VacationBox .vacation-background,.vacation-description{width:18rem}}@media only screen and (max-width:300px){.VacationBox,.VacationBox .vacation-background,.vacation-description{width:17rem}}@media only screen and (max-width:275px){.VacationBox,.VacationBox .vacation-background,.vacation-description{font-size:.8rem;width:15rem}.VacationBox{height:17rem}.vacation-dates{margin-top:.5rem}.top-vacation-box h3,.vacation-price{font-size:1rem}}.FollowButton{background-color:#2f2f9a;border:1px solid #293388;border-radius:10px;box-shadow:0 4px 38px #fff,0 2px 12px #fff;color:#e8e8fa;cursor:pointer;font-size:.9rem;font-weight:700;padding:.3rem 0;width:5rem}.FollowButton:hover{background-color:#1e1e81}.FollowButton:active{background-color:#0c0c5d;width:5.1rem}.VacationForm{align-items:center;display:flex;justify-content:center;width:100%}.VacationForm>form{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);margin-right:5rem;padding:2rem 1rem;width:25rem}.VacationForm h2{font-size:1.7rem;margin-top:0;text-align:center}.VacationForm .error-message{color:red;margin:0}.VacationForm form>div{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:.4rem}form>div:last-child{display:flex;justify-content:center;margin-top:1rem}.vacation-image-area{align-items:center;display:flex;flex-direction:column}.vacation-image-area>*{margin-top:1px}.vacation-image-area input::-webkit-file-upload-button{visibility:hidden;width:100%}.vacation-image-area input:before{background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #c3c1c1;border-radius:3px;color:gray;content:"Choose vacation image";cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:9px 0;-webkit-user-select:none;white-space:nowrap}.vacation-image-area input:hover:before{border-color:#000}.vacation-image-area input:active:before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}@media only screen and (max-width:900px){.VacationForm{display:flex;flex-direction:column}.VacationForm>form{margin:0 0 3rem}}@media only screen and (max-width:460px){.VacationForm>form{width:85%}}.HeaderFilters{align-items:center;background-color:#c6e5f0;box-shadow:inset 0 5px 10px rgba(0,0,0,.19),0 4px 4px rgba(0,0,0,.2);color:#000;display:flex;flex-direction:column;font-family:Verdana,Geneva,Tahoma,sans-serif;height:5rem;left:0;padding-top:.5rem;width:100%}.HeaderFilters>div{display:flex;height:2rem;justify-content:space-between;width:60%}.HeaderFilters>div:first-child{margin-bottom:.5rem}.SortMenu>div{display:flex;text-align:left}.HeaderFilters img{background-color:#fff;border:1px solid #a5a3a3;border-radius:5px;cursor:pointer;height:100%}.HeaderFilters img:hover{background-color:rgba(248,248,253,.6)}.sort-items-select{border:1px solid #a5a3a3;border-radius:5px;cursor:pointer;font-size:1rem;height:2.1rem;margin:0 .3rem;outline:none;padding:.2rem .6rem;width:8rem}.sort-items-select option{cursor:pointer}.slider-container{align-items:center;background-color:#fff;border:1px solid #a5a3a3;border-radius:5px;display:flex;font-size:.9rem;height:2rem;padding:0 .5rem;width:100%}.filters-search{border:1px solid #ccc;display:flex;justify-content:space-between;width:100%}.filters-search-input{font-size:1.1rem;margin-left:1rem;width:100%}@media only screen and (max-width:1100px){.HeaderFilters>div{width:80%}}@media only screen and (max-width:707px){.HeaderFilters>div{width:95%}}@media only screen and (max-width:500px){.HeaderFilters{height:7.8rem}.SortMenu{display:flex;flex-direction:column}.slider-container{width:96%}.sort-items-container{margin-top:.5rem}.sort-items-container>img{height:2rem}.sort-items-container>select{width:100%}.sort-items-select{margin:0 .3rem 0 0}}@media only screen and (max-width:400px){.slider-container{width:94%}}.HomeNavigator{display:flex;justify-content:center}.HomeNavigator h2{font-size:2rem}.Login{display:flex;justify-content:center;width:100%}.login-form{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);padding:2rem 1rem 1rem;width:25rem}.login-form>div{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:.4rem}.close-modal-btn{cursor:pointer;margin-left:10rem;margin-top:-1.8rem;position:absolute;width:2.5rem}.close-modal-btn:hover{width:2.6rem}.login-form h2{margin-bottom:.5rem;margin-top:0}.login-form span{font-size:.8rem;margin-bottom:1rem}.register-navlink{color:#2f2f9a}.delete-form-arrow-back{color:#b90606;cursor:pointer;margin-left:-23.5rem;margin-top:.3rem;position:absolute}@media only screen and (max-width:870px){.login-form{width:24rem}.delete-form-arrow-back{margin-left:-20rem}}@media only screen and (max-width:435px){.delete-form-arrow-back{visibility:hidden}.close-modal-btn{margin-left:9rem}}@media only screen and (max-width:380px){.close-modal-btn{right:0}}.guest-modal-background{background-color:rgba(72,71,71,.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.Modal{background-color:#fff;border-radius:10px;left:50%;position:fixed;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25rem;z-index:2}.delete-confirmation{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);padding:2rem 1rem 1rem;width:100%}.delete-confirmation h2{margin-top:0}.delete-confirmation span{font-weight:700;text-decoration:underline}.delete-confirmation button{font-size:1rem;margin:2rem .5rem 0;min-width:6rem;padding:.3rem .5rem}.delete-confirmation button:hover{min-width:6.1rem;padding:.3rem .5rem}.delete-confirmation button:last-child{background-color:red}.Modal p{color:red;margin-top:-.5rem}@media only screen and (max-width:435px){.Modal{width:23rem}}@media only screen and (max-width:380px){.Modal{width:95%}}.HomePage{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem;margin-top:-3rem}.homepage-main-area{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.HomePage .vacations-container{display:flex;flex-wrap:wrap;justify-content:center;min-height:20rem;width:80%}.pagination-area{display:flex;flex-flow:row-reverse;justify-content:space-between;margin:.5rem;width:62rem}@media only screen and (max-width:1300px){.HomePage .vacations-container{display:flex;flex-wrap:wrap;justify-content:center;min-height:20rem;width:100%}}@media only screen and (max-width:1062px){.pagination-area{width:40rem}}@media only screen and (max-width:707px){.pagination-area{width:22rem}}@media only screen and (max-width:500px){.pagination-area{width:20rem}.pagination-area>div:first-child button{font-size:.9rem;margin-right:.5rem}}@media only screen and (max-width:340px){.pagination-area{width:18rem}}@media only screen and (max-width:290px){.pagination-area{width:16rem}}.Register{display:flex;justify-content:center}.register-form{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);padding:2rem 1rem;width:25rem}.register-form>div{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:.4rem}.register-form h2{margin-top:0}.register-form .register-input-area{display:flex;flex-direction:column;justify-content:center}.register-input-area p:first-child{color:red;font-size:.8rem;margin-bottom:3.8rem;margin-left:5rem;position:absolute}.register-image-area{align-items:center;display:flex;flex-direction:column}.register-image-area>*{margin-top:2px}.register-image-area input::-webkit-file-upload-button{visibility:hidden;width:100%}.register-image-area input:before{background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #c3c1c1;border-radius:3px;color:gray;content:"Choose your profile picture";cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:9px 0;-webkit-user-select:none;white-space:nowrap}.uploaded input:before{content:"image uploaded ✔️";padding:7px 3px}.register-image-area input:hover:before{border-color:#000}.register-image-area input:active:before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}.ProfileDetails{border:2px solid #000;border-radius:10px;font-size:1.4rem;padding:2rem 2rem 1rem;width:25rem}.ProfileDetails>div{color:#000;display:flex;justify-content:space-between;text-align:left}.ProfileDetails>div>label{text-decoration:underline}.ProfileDetails hr{border-color:#d3d3f3;border-width:.5px;margin-bottom:1.5rem}.ProfileDetails button{margin-top:2rem}@media only screen and (max-width:750px){.ProfileDetails{font-size:1.1rem;font-size:.9rem;padding:1rem;width:22rem}}.ProfileEdit{display:flex;justify-content:center;width:100%}.profile-edit-form{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);padding:2rem 1rem;width:25rem}.profile-edit-form>div{padding:.5rem}.profile-edit-form h3{margin-top:0}.profile-edit-form .edit-input-area{display:flex;flex-direction:column;justify-content:center}.ProfileEdit button{margin-top:2rem}.edit-form-arrow-back{color:#2f2f9a;cursor:pointer;margin-left:-13rem;margin-top:-1.5rem;position:absolute}.edit-form-arrow-back:hover{font-size:3.1rem}.uname_invalid{color:red;font-size:.8rem;margin-left:6rem;margin-top:-.8rem;position:absolute}@media only screen and (max-width:870px){.profile-edit-form{width:22rem}.edit-form-arrow-back{margin-left:-11.5rem}}@media only screen and (max-width:435px){.edit-form-arrow-back{visibility:hidden}}.change-picture-container{display:flex;justify-content:center;width:100%}.ChangePicture{background-color:#f7f6fd;border-radius:10px;box-shadow:0 20px 20px 10px hsla(240,5%,41%,.2);justify-content:center;padding:1rem;width:25rem}.ChangePicture,.ChangePicture form{align-items:center;display:flex;flex-direction:column}.ChangePicture form>*{margin-top:1rem}.ChangePicture input::-webkit-file-upload-button{visibility:hidden;width:100%}.ChangePicture input:before{background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #999;border-radius:3px;content:"Choose a new picture";cursor:pointer;display:flex;font-size:10pt;font-weight:700;justify-content:center;padding:5px 3px;text-shadow:1px 1px #fff;-webkit-user-select:none;white-space:nowrap}.ChangePicture input:hover:before{border-color:#000}.ChangePicture input:active:before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9)}.image-to-show-bg{background-color:#a0a0da;border-radius:50%;height:18rem;margin-bottom:1rem}.profile-image-change{border-radius:10px;height:18rem;width:15rem}.change-profile-arrow-back{cursor:pointer;margin-left:-23.5rem;margin-top:-25rem;position:absolute}.remove-profile-btn{background-color:hsla(0,1%,78%,.8);border-radius:20%;cursor:pointer;font-size:1.5rem;margin-left:-2.7rem;padding:.4rem;position:absolute}.remove-profile-btn:hover{background-color:hsla(0,1%,62%,.8)}.no-image-span{font-size:.8rem}@media only screen and (max-width:1100px){.ChangePicture{padding:1rem;width:22rem}.change-profile-arrow-back{cursor:pointer;margin-left:-20.5rem;margin-top:-25rem}}@media only screen and (max-width:870px){.image-to-show-bg{height:14.5rem}.profile-image-change{border-radius:10px;height:14.5rem;width:13rem}.change-profile-arrow-back{margin-left:-20.5rem;margin-top:-21rem}}@media only screen and (max-width:670px){.ChangePicture{width:20rem}.image-to-show-bg{height:14.5rem}.profile-image-change{height:14.5rem;width:12rem}.change-profile-arrow-back{margin-left:-18.5rem;margin-top:-21.5rem}}@media only screen and (max-width:435px){.change-profile-arrow-back{visibility:hidden}}.Profile{align-items:center;display:flex;justify-content:space-around;padding:0 5rem}.profile-menu{display:flex;flex-direction:column;font-size:1.1rem;height:30rem;text-align:left}.profile-picture{background-color:#a0a0da;border-radius:50%;cursor:pointer;height:12rem;transition:width .5s,box-shadow .5s;width:12rem}.profile-picture:hover{box-shadow:3px 3px 3px 3px #b0dbe6;width:12.1rem}.profile-picture:hover,.upload-img{transition:width .5s,box-shadow .5s}.upload-img{cursor:pointer;margin-left:-3rem;position:relative;width:3rem}.profile-menu-options h2,.profile-menu-options>div{display:flex;flex-direction:column;padding:0 1rem}.profile-menu-options .profile-nav{border-radius:0 20px 20px 0;color:#000;cursor:pointer;padding:.5rem 0 .5rem .5rem;text-decoration:none}.profile-menu-options .profile-nav:hover{background-color:#b0dbe6;transition:background-color .5s}.profile-details-container{display:flex;width:60%}@media only screen and (max-width:1100px){.Profile{justify-content:space-around;padding:0}.profile-menu{font-size:1rem;padding:0}.profile-menu h2{font-size:1.4rem}.profile-details-container{display:flex;width:60%}.profile-picture{height:10rem;width:10rem}.profile-picture:hover{width:10.1rem}}@media only screen and (max-width:670px){.Profile,.profile-menu{flex-direction:column}.profile-menu{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0 0 2rem;text-align:center;width:90%}.profile-menu-options h2,.profile-menu-options>div{flex-direction:row;justify-content:center}.profile-menu-options .profile-nav{border-radius:5px;font-size:.9rem;margin:0 1rem;outline:1px solid #000;padding:.1rem;width:7.5rem}.profile-picture{height:5rem;left:1rem;margin-top:-2.5rem;position:absolute;width:5rem}.profile-picture:hover{width:5.1rem}.upload-img{cursor:pointer;left:7.5rem;margin-top:.8rem;position:absolute;width:1.8rem}.profile-details-container{display:flex;justify-content:center;width:100%}}@media only screen and (max-width:520px){.profile-menu-options .profile-nav{margin:0 .3rem;padding:.1rem}}@media only screen and (max-width:435px){.profile-menu-options>div{align-items:center;flex-direction:column;height:5rem;justify-content:space-between}.profile-details-container{display:flex;justify-content:center;width:90%}.profile-picture{height:4rem;left:1rem;margin-top:-2.5rem;position:absolute;width:4rem}.profile-picture:hover{width:4.1rem}.upload-img{cursor:pointer;left:6.5rem;margin-top:.4rem;position:absolute;width:1.3rem}}.AdminPage{align-items:center;-webkit-animation:item-appear 1s ease-out forwards;animation:item-appear 1s ease-out forwards;display:flex;flex-direction:column}.AdminPage h1{font-size:2.5rem}.label-dest{font-weight:700;text-decoration:underline}.bar-chart-container{box-sizing:border-box;display:flex;justify-content:center;margin-bottom:1rem;padding:2.5rem;width:100%}.bar-chart-background{margin-bottom:4rem;width:80%}.admin-form-container{-webkit-animation:item-appear 1s ease-out forwards;animation:item-appear 1s ease-out forwards}@media only screen and (max-width:1200px){.bar-chart-container{width:100%}.bar-chart-background{width:90%}}@media only screen and (max-width:1000px){.bar-chart-container{margin-left:-1.3rem}.bar-chart-background{width:100%}}body{background-attachment:fixed;background-blend-mode:overlay;background-color:#e8e8fa;background-image:url(/static/media/background-img2.b15faa042ecf964eb1d7.jpg);background-position:0;background-size:cover;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;left:-.5rem;position:absolute;text-align:center;top:-.5rem;width:100%}.flow{-webkit-animation:item-appear .5s ease-out forwards;animation:item-appear .5s ease-out forwards}@-webkit-keyframes item-appear{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes item-appear{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.60e07e86.css.map*/