*{margin:0;padding:0}#modal{align-items:center;display:flex;justify-content:center}#modal,#modal-background{bottom:0;left:0;position:fixed;right:0;top:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute}h2{margin:0;padding:0}.loginForm{background-color:#fff;border-radius:15%;gap:.5rem;height:auto;justify-content:center;padding:1rem 2rem;width:20rem}.loginForm,.loginForm>*{display:flex;flex-direction:column}.loginForm>*,.loginForm>label>input{padding:4px}.login-button,.sign-up-button{align-items:center;background:#ff5a5f;border:1px solid #000;box-shadow:3px 3px 3px #000;color:#fff;display:flex;flex-direction:row;height:2rem;justify-content:center;width:100%}.login-button:disabled,.sign-up-button:disabled{background:#c1c1c1}.login-button:active,.sign-up-button:active{background:#fff;box-shadow:1px 1px 1px #000;color:#ff5a5f}.logInText{align-items:center;border-top-right-radius:10%;color:rgba(0,0,0,.581);display:flex}.login-modal{background:#fff;border-radius:5%}.login-error{color:#ff5a5f;padding:none}.login-error,.signupForm{display:flex;justify-content:center}.signupForm{background-color:#fff;border-radius:25px;flex-direction:column;gap:12px;height:auto;padding:2.5rem 2rem;width:20rem}.signupForm>*{display:flex;flex-direction:column}.signupForm>button{align-items:center;display:flex;flex-direction:center;height:2rem;width:100%}.errors{color:#ff5a5f}.signupForm>label>input{border:2px solid #000;padding:4px}.profileButton>*{color:rgba(0,0,0,.382);padding:6px}.profileButton{border:2px solid rgba(0,0,0,.382);border-radius:1.6rem;cursor:pointer}.nav-ul{border-bottom:1px solid grey;display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;padding:1rem}.home-link{color:#ff5a5f;font-size:2.4rem;text-decoration:none}.newSpot-profile-container{align-items:center;display:flex;font-size:1rem;gap:2rem;justify-content:center}.profile-dropdown{background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;justify-content:center;list-style-type:none;min-width:1rem;padding:10px 20px;position:absolute;right:12px;top:54px;z-index:1}.hidden{display:none}.log-out-button:hover{background:#ff5a5f}.create-new-spot{color:gray;text-decoration:none}.create-new-spot:hover{text-decoration:underline}.delete-spot-container{align-items:center;background-color:#fff;border:4px solid #000;border-radius:4%;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:2rem;width:20rem}.delete-spot-container>button{padding:1rem;width:100%}.confirm-delete-button{background-color:#ff5a5f;border:1px solid #000;box-shadow:2px 2px 0 #000;color:#fff}.confirm-delete-button:hover{background-color:#ff5a60c9;color:#fff}.confirm-delete-button:active{background-color:#fff;border:1px solid #000;box-shadow:1px 1px 0 #000;color:#ff5a5f}.cancel-delete-button{background-color:#a9a9a9;border:1px solid #000;box-shadow:2px 2px 0 #000;color:#fff}.cancel-delete-button:hover{background-color:#d3d0d0;color:#fff}.cancel-delete-button:active{background-color:#fff;border:1px solid #000;box-shadow:1px 1px 0 #000;color:#a9a9a9}.create-new-spot-button-container,.spot-image-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 3rem}.spot-image{border-radius:5%;height:14rem;max-width:100%;object-fit:cover;overflow:hidden;width:18.31rem}.spot-data-container{display:flex;flex-direction:column;font-size:13px;gap:6px;padding:12px 0}.first-row{display:flex;flex-direction:row;font-size:15px;justify-content:space-between;overflow:hidden;padding-bottom:none}.price-span{font-size:16px}.update-delete-button-container{align-items:center;display:flex;flex-direction:row;font-size:1.2rem;gap:20px}.spot-update-button{background:none;border:none;color:#000;cursor:pointer;display:flex;font:inherit;outline:inherit}.spot-update-button,.update-delete-button-container>li{background:rgba(0,0,0,.137);box-shadow:2px 2px 0 #000;font-size:12px;padding:3px 24px}.update-delete-button-container>li{list-style-type:none}.create-new-spot-button{background:none;background:rgba(0,0,0,.137);border:none;box-shadow:2px 2px 0 #000;color:#000;cursor:pointer;display:flex;font:inherit;font-size:12px;outline:inherit;padding:3px 24px}.create-new-spot-button:hover,.delete-modal-button:hover,.post-modal-button:hover,.spot-update-button:hover,.update-delete-button-container>li:hover{background:hsla(0,1%,53%,.137)}.create-new-spot-button:active,.create-update-spot-button,.delete-modal-button:active,.post-modal-button,.spot-update-button:active,.update-delete-button-container>li:active{background-color:#ff5a5f;color:#fff}.create-new-spot-button-container{align-items:baseline;display:flex;flex-direction:column;gap:8px}.new-review-container{align-items:center;background-color:#fff;border:4px solid #000;border-radius:5%;display:flex;flex-direction:column;gap:1rem;height:20rem;justify-content:center;padding:1rem 2rem;width:20rem}.new-review-input{background:rgba(0,98,255,.103);border:3px solid #000;font-size:12px;padding:8px;resize:none;width:18.7rem}.submit-reivew-button{border:3px solid grey;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);font-size:11px;padding:8px 6.66rem}.submit-reivew-button:active{background-color:#ff5a5f;border:3px solid #000;box-shadow:1px 2px #000;color:#fff;-webkit-transform:translateY(2px);transform:translateY(2px)}.rating-input,.star-rating-container{display:flex;flex-direction:row}.star-rating-container{align-items:center;gap:1rem;justify-content:center;width:100%}.single-spot-container,.spot-reviews-container{padding:1rem 2rem}.single-spot-image-container{display:grid;grid-template-columns:1fr 1fr;width:100%}.single-spot-main-image{height:20.17rem;overflow:hidden;padding:1px;width:31rem}.mainImage{height:340px;max-width:100%;object-fit:cover;width:35rem}.single-spot-other-images{width:30rem}.single-spot-other-images>*{height:10rem;object-fit:cover;padding:1px;width:14.3rem}.single-spot-other-images{display:grid;grid-template-columns:1fr 1fr;width:50%}.header-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:8px;padding-left:2px}.host-text{padding:1rem 0}.description-and-price-container{grid-gap:2rem;border-bottom:1px solid #000;display:grid;gap:2rem;grid-template-areas:"descpt price";grid-template-columns:2fr 1fr;padding-bottom:2rem;padding-top:2rem}.descritption-container{grid-area:descpt}.price-container{align-items:center;border:2px solid #000;border-radius:25px;display:flex;flex-direction:column;grid-area:price;height:8rem;justify-content:center;padding:0 1rem}.price-container-top{display:grid;grid-template-areas:"price-container stars-reviews";grid-template-columns:1fr 1fr;padding:1rem;width:100%}.price-per-night{grid-area:price-container}.stars-review-num{align-items:center;display:flex;flex-direction:row;gap:1px;grid-area:stars-reviews;justify-content:center}.price-container-bot .reserve-button{width:100%}.reserve-button{background-color:#ff5a5f;border:1px solid #000;box-shadow:4px 4px 0 #000;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px 7.25rem}.reserve-button:hover,.sign-up-button:hover{background-color:#ff5a60c9;color:#fff}.reserve-button:active{background-color:#fff;border:1px solid #000;box-shadow:2px 2px 0 #000;color:#ff5a5f}.star-review-num-post-review-container{display:flex;flex-direction:column;gap:.5rem}.spot-star-review-container{display:flex;flex-direction:row;gap:.5rem;padding-bottom:8px}.spot-star-review-container>*{font-size:1.2rem}.review-container{display:flex;flex-direction:column;gap:4px;padding:.5rem 0}.created-at-container{color:grey;font-size:14px}.delete-modal-button>li,.post-modal-button>li{list-style-type:none}.delete-modal-button,.post-modal-button{background:rgba(0,0,0,.137);box-shadow:2px 2px 0 #000;font-size:12px;padding:3px 24px;width:20%}.create-new-spot-container,.create-update-spot-button{align-items:center;display:flex;flex-direction:column}.new-spot-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;width:30rem}.location-info-container,.set-description-container,.set-name-container,.set-price-container,.set-spot-images-container{border-bottom:1px solid #000;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:1rem 8px;width:100%}.description-input-container,.new-spot-input-container>input,.price-dollar-sign-span>input,.set-price-container>input{border:2px solid #000;padding:4px;width:95%}.new-spot-input-container{display:flex;flex-direction:column;width:100%}.city-state-container,.city-state-container>input{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1.3fr .8fr}.span-validation-container{display:flex;flex-direction:row;gap:1rem}.price-dollar-sign-span{display:flex;gap:.5rem;width:97%}.create-update-spot-button{padding:5px;width:100%}
/*# sourceMappingURL=main.53799921.css.map*/