body{height:125vh;font-family:sans-serif;margin-top:80px;padding:30px}header{background-color:#fff;position:fixed;top:0;left:0;right:0;height:60px;border-bottom:1px solid lightgray;display:flex;justify-content:space-between}ul.logged_in{display:flex;width:100%;justify-content:space-between}header>ul{display:flex}header li a{text-decoration:none}.hidden{display:none}ul.profile-dropdown{list-style-type:none;position:absolute;background-color:#fff;right:5px;top:75px;box-shadow:2px 2px 5px 4px #0000001a;padding-top:10px;padding-bottom:10px;padding-right:20px;border:1px solid black}.profile-button{display:flex;justify-content:space-evenly;align-items:center;background:rgba(255,255,255,0);position:relative;right:25px;cursor:pointer}.profile-box{width:75px;height:40px;border:2px solid lightgray;border-radius:20px;position:relative;left:160px;bottom:10px}#button-logo{background-color:transparent;font-size:27px;border:none;position:relative;top:3px}.three-bars{position:relative;font-size:20px;right:2px;top:2px}.profile-menu{display:flex;justify-content:space-between;width:250px}#home{list-style:none;font-size:25px;font-weight:700;font-family:Arial,sans-serif;position:relative;bottom:25px;color:#ff5a5f;cursor:pointer}.j-logo{font-size:50px;position:relative;top:15px}#name-circle{position:relative;color:#fff;height:25px;width:25px;background-color:#000;border-radius:50%;display:inline-block}#name-letter{position:relative;left:7px;top:2px;font-size:12pt}#create-new-spot{position:relative;left:80px;top:3px;cursor:pointer}#rightbox{display:flex}.login{padding:20px}#manage-button{cursor:pointer}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;border-radius:10px}input{margin:20px 0;width:90%;padding:10px;border:1px solid black}#login-box{display:flex;flex-direction:column;align-items:center}#login-button{width:460px;height:50px;margin-bottom:10px;border-radius:10px}form{margin:20px 0;width:490px;padding:10px;flex-direction:column}#signup-form-box{display:flex;flex-direction:column;align-items:center}#signup-button{height:50px;width:460px}#login,#signup{padding:5px}.preview-box{width:275px;height:275px;background-color:gray;border-radius:8px;overflow:hidden;display:flex;justify-content:center}.card{width:300px;height:345px;background-color:#fff;padding-top:25px;cursor:pointer}.location-box{width:275px;display:flex;justify-content:space-between;padding-top:7px}.price-box{padding-top:7px}img{max-height:100%}#card-container{display:flex;justify-content:center;flex-wrap:wrap;padding-top:20px;padding-bottom:50px;max-width:1400px}.card{height:360px}#main{font-size:14pt}#picture-container{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}#left,#right{flex:1;display:flex;justify-content:center}#left img{width:100%;height:100%;object-fit:cover}#right{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px}#right img{width:100%;height:100%;object-fit:cover}.date{color:#999;font-size:12pt}.review{padding-bottom:50px;padding-left:20px;padding-right:20px;font-size:14pt}#star-rating,#date-and-stars{display:flex;flex-direction:row}#info-box{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 10cm}#reserve-box{display:flex;align-items:center;justify-content:center;width:10cm}#reserve-layout{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:120px;width:9cm;border:solid black;border-radius:10px;padding-left:10px}#reserve-info{display:flex;flex-direction:row;justify-content:space-between}#reserve-review{font-size:12pt;position:relative;top:4px}#reserve-button{width:300px;height:50px;position:relative;bottom:6px}#price{font-size:17pt;font-weight:700}#text{padding-right:30px}input[type=radio]{display:none}.star{cursor:pointer;transition:color .2s;font-size:30px}#review-form{display:flex;flex-direction:column;align-items:center;border:none}#review-modal{display:flex;flex-direction:column;align-items:center}#star-box{display:flex;flex-direction:row}#stars-text{position:relative;left:10px;top:25px}#review{background-color:#e8f0fe}#submit-button{width:450px;height:45px}#stars li{list-style-type:none}#stars{display:flex;flex-direction:row}#create-button{height:25px;background-color:red;font-size:15px;color:#fff;box-shadow:5px 4px 5px #000}.update{margin-right:10px}#delete-modal{display:flex;flex-direction:column;align-items:center;padding-left:15px;padding-right:15px;padding-bottom:20px}#delete-button,#no-button{height:50px;width:300px}#form-container{display:flex;justify-content:center}.form{border:white}.column{display:flex;column-gap:15px}#lat,#lng{width:50%}#city{width:60%}#state{width:35%}.error{color:red;font-size:small;padding-left:5px}#button-container{display:flex;height:50px;justify-content:center;align-items:center}#update-button{height:25px;background-color:#ff5a5f;font-size:15px;color:#fff;box-shadow:5px 4px 5px #000}#dollar-sign{padding-right:10px}#desc-label{padding-bottom:10px}button{height:25px;background-color:#999;font-size:15px;color:#fff;box-shadow:5px 4px 5px #000;cursor:pointer}.red-button{color:#fff;background-color:#ff5a5f;cursor:pointer}.red-button-disabled{color:#fff;background-color:#999}input,textarea{background-color:#e8f0fe}header{font-size:14pt}.error{color:red;font-size:12pt;padding-left:5px}