body{max-width:100%;min-width:450px;object-fit:scale-down}div{font-family:Roboto,sans-serif}form{border:5px solid #d3d3d3}i{padding-left:5px;padding-right:5px}a,body,button,html,input,select,textarea{font-family:Open Sans;font-size:16px}.logo{color:#fff;font-size:30px;height:50px;margin:10px;padding:10px}.signup-form-container{align-self:center;display:flex;justify-content:center;margin-top:10%}form.signup-form{background:linear-gradient(180deg,#fff,rgba(213,3,38,.771),rgba(0,0,0,.568));border:1px solid red;border-radius:10px;display:flex;flex-direction:column;height:70vh;justify-content:center;place-items:center;width:500px;z-index:1}button.sign-up-btn{background:none;border:1px solid;border-radius:10px;cursor:pointer;display:flex;font-weight:700;margin:20px;padding:.5em 1em;text-transform:uppercase;transition:background-color .25s,color .25s}button:hover.sign-up-btn{background-color:pink;color:#fff}input{border:0;border-bottom:2px solid #ccc;box-sizing:border-box;display:block;outline:0;padding:.25em .5em;width:100%}#modal{align-items:center;color:#fff;display:flex;justify-content:center;top:100px}#modal,#modal-background{left:0;position:fixed;right:0}#modal-background{background-color:rgba(0,0,0,.9);bottom:0;top:0}#modal-content{background-color:#fff;height:0;position:fixed}.modal-login-btn{border-radius:5px;position:relative}.modal-login-btn:hover{background-color:#d3d3d3;cursor:pointer}form.login-form{background:linear-gradient(180deg,#fff,rgba(213,3,38,.771),rgba(0,0,0,.568));border:1px solid red;border-radius:10px;flex-direction:column;height:50vh;margin-top:15%;padding:10px;place-items:center;width:500px}.login-btn-section,form.login-form{display:flex;justify-content:center}.login-btn-section{align-items:center}.login-btn{background:none;border:1px solid #d3d3d3;border-radius:10px;cursor:pointer;font-weight:700;height:40px;margin:10px;width:70px}.login-btn:hover{background-color:pink;color:#fff}label{margin:10px}.create-form{background:linear-gradient(180deg,#fff,rgba(213,3,38,.771),rgba(0,0,0,.568));border:1px solid red;border-radius:10px;height:auto;margin-top:15%;padding:20px;width:400px}.join-btn-section{align-items:center;display:flex;justify-content:center}.join-btn{background-color:#fff;border:none;border-radius:10px;height:50px;margin-top:20px;width:130px}.join-btn:hover{background-color:#e68a99;cursor:pointer}.create-form-btn{background-color:#fff;border:1px solid;border-radius:10px;display:block;height:50px;margin-left:20px;right:150px;top:40px;width:130px}.create-form-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.nav-section{align-items:center;background-color:#fff;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;left:0;max-width:100%;min-width:500px;padding:10px 25px;position:fixed;right:0;top:0;width:100%;z-index:1}a{color:#f65a5f;text-decoration:none}button.demo-login-btn{background:none;border:1px solid;border-radius:10px;height:50px;margin-left:10%;padding:10px}button.demo-login-btn:hover{background-color:pink;color:#fff;cursor:pointer}.curr-owner-spot-btn{background:#fff;border:1px solid;border-radius:10px;grid-area:current-owner;height:50px;margin:0;width:150px}.curr-owner-spot-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}img.logo{display:block;grid-area:logo;height:64px;width:64px}button.profile-btn{background-color:#fff;border:1px;border-radius:10px;height:30px;width:150px}.profile-btn:hover{background-color:pink;cursor:pointer}.logout-btn{background-color:#fff;border:1px;border-radius:10px;height:30px;width:150px}.logout-btn:hover{cursor:pointer}.create-form-btn{grid-area:host-home}.dropbtn{background-color:#fff;border:none;border-radius:25px;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);color:#626161;font-size:16px;grid-area:menu-drop-btn;padding:15px}.fa-bars{padding-right:8px}.fa-user{padding-left:8px}.dropdown{grid-area:menu-btn;position:-webkit-sticky;position:sticky;right:20px}.dropdown-content{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;right:0;z-index:1}.dropdown-content a{border-radius:10px;color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#ff8fa2;color:#fff}.dropdown:hover .dropdown-content{border-radius:10px;display:block}.dropdown:hover .dropbtn{background-color:#d4d4d4;box-shadow:0 8px 16px 0 rgba(0,0,0,.3)}.each-spot{max-width:350px;min-width:250px}.current-user-container{display:flex;flex-wrap:wrap;margin-top:100px}.spot-link{text-decoration:none;width:300px}.spot-img-box{border-radius:10px;height:300px;width:300px}img.img-itself{height:100%;object-fit:cover;width:100%}div.homepage-container{display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;margin-top:10%}div.each-spot{display:flex;margin:20px;max-width:320px;min-width:250px}div img{border-radius:10px;display:block;height:337px;max-height:100%;max-height:350px;max-width:100%;object-fit:contain;width:320px}div.city-country{color:#000;font-size:large;font-weight:bolder;padding-top:5px}div.spot-description{color:gray;font-size:large;padding-top:5px}div.updated-at{color:gray;font-size:medium;padding-top:5px}div.price{color:#000;font-weight:700;padding-top:5px}.spot-detail-container{margin-top:5%}.current-booking-bookingform{display:flex;justify-content:center;margin-left:20px}.h1-city-info-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;position:-webkit-sticky;position:sticky;width:78%}.info,.title{align-items:center;display:flex;justify-content:flex-start;width:650px}.picture-section{display:flex;height:350px;justify-content:center;width:100%}.spot-details-container{display:flex;justify-content:center;width:78%}.spot-details{align-items:flex-start;display:flex;flex-direction:column;width:650px}.preview-picture{box-sizing:border-box;height:350px;margin:0;padding:0;width:420px}.preview-picture-itself{height:100%;object-fit:cover;width:100%}.other-pictures{display:flex;flex-direction:column;flex-wrap:wrap;height:350px;width:510px}.smaller-pictures{border-radius:10px;display:flex;flex-direction:row;height:175px;margin-left:5px;object-fit:cover;width:250px}.whole-info-container{display:flex;justify-content:center}.review-container{align-items:center;display:flex;flex-direction:column;font-weight:700;justify-content:center;margin-bottom:20px}.individual-review{color:gray;font-weight:400}.update-form{background:linear-gradient(180deg,#fff,rgba(213,3,38,.771),rgba(0,0,0,.568));border:1px solid #d3d3d3;border-radius:10px;height:450px;margin:30px;padding:10px;width:400px}.update-form,.update-form-elements{display:flex;flex-direction:column;justify-content:center}.update-form-elements{align-items:center;width:100%}.update-form-elements>label{width:80%}.update-form-btn{border:1px solid #d3d3d3;border-radius:5px;height:50px;width:150px}.update-form-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.update-btn{border-radius:10px;height:40px;margin:10px;width:100px}.update-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.delete-btn{border:1px solid #d3d3d3;border-radius:10px;border-radius:5px;height:50px;width:150px}.delete-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.update-button-section{align-items:center;display:flex;justify-content:center}form.booking-form{border:1px solid #d3d3d3;border-radius:10px;height:auto;margin-left:10px;padding:10px;width:430px}.booking-date{padding:10px}.dates-section{display:flex;justify-content:space-between}.spot-detail{border:1px solid #d3d3d3;border-radius:10px;display:block}.price,.pricing,.total{margin:10px}.button-section{align-items:center;display:flex;justify-content:center}.reserve-btn{border:1px solid #d3d3d3;border-radius:10px;color:#000;height:50px;margin:20px;width:150px}.reserve-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.reminder-btn{align-items:center;background-color:pink;height:40px;justify-content:center;margin:10px;padding:5px;text-transform:uppercase}.current-spot-booking-container,.reminder-btn{border:1px solid #d3d3d3;border-radius:10px;display:flex}.current-spot-booking-container{flex-direction:column;flex-wrap:wrap;height:auto;margin-right:10px;width:300px}.current-booking-title{margin:10px}.each-booking{border:1px solid #d3d3d3;border-radius:10px;flex-wrap:wrap;margin:10px;padding:15px;width:250px}.end-date,.start-date{padding:5px}.current-spot-booking-btn{border:1px solid #d3d3d3;border-radius:10px;color:#000;cursor:pointer;margin:10px;padding:10px}.current-spot-booking-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.update-delete-section{display:flex;justify-content:center}.error-list{padding-right:45px}.booking-form-modal{border:1px solid #d3d3d3;border-radius:10px;height:auto;padding:10px;width:250px}.booking-btn-section{display:flex;justify-content:center}.booking-update-btn{background-color:#ff8297}.booking-cancel-btn,.booking-update-btn{border-radius:10px;cursor:pointer;margin:10px;padding:10px}.booking-cancel-btn{background-color:#fff}.update-booking-btn{border:1px solid #d3d3d3;border-radius:10px;color:#000;cursor:pointer;margin:10px;padding:10px}.update-booking-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}.add-image-form{background:linear-gradient(180deg,#fff,rgba(213,3,38,.771),rgba(0,0,0,.568));border:1px solid #d3d3d3;border-radius:10px;display:flex;flex-direction:column;height:380px;justify-content:center;margin:30px;padding:10px;width:350px}.preview-section{margin-bottom:20px;margin-top:20px}.add-image-button-section{align-items:center;display:flex;justify-content:center}.add-image-btn{border:1px solid #d3d3d3;border-radius:5px;cursor:pointer;margin:10px;padding:5px}.add-image-btn:hover{background-color:#ff8fa2;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.7c2213e3.css.map*/