#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}.login-form{width:300px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.login-form h1{margin-bottom:20px;text-align:center}.login-form label{display:block;margin-bottom:10px}.login-form input{width:90%;padding:10px;border:1px solid #ccc;border-radius:5px}.login-form button{width:100%;padding:10px;margin-top:10px;border:none;border-radius:5px;background-color:#593cfb;color:#fff;cursor:pointer}.login-form button.demo-login-button{background-color:#3c93db}.login-form button:hover{background-color:#30c671}.login-form p{color:#dc3545;margin-top:5px}.signup-form{width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9}.signup-form h1{margin-bottom:20px;text-align:center}.signup-form label{display:block;margin-bottom:10px}.signup-form input{width:90%;padding:10px;border:1px solid #ccc;border-radius:5px}.signup-form button{width:100%;padding:10px;margin-top:10px;border:none;border-radius:5px;background-color:#593cfb;color:#fff;cursor:pointer}.signup-form button:hover{background-color:#30c671}.signup-form p{color:#dc3545;font-size:15px;font-family:Arial,Helvetica,sans-serif}:root{margin-top:80px}.logo{width:120px}.header-container{border-bottom:1px solid #F3F3F3;width:97.5%;height:50px;display:flex;align-items:center;padding:1rem 1.5rem;position:fixed;top:0;background-color:#fff;justify-content:space-between}#host-box{border:1px solid black;color:#000;padding:.3rem;display:flex;align-items:center;font-family:serif}.header-left,.header-right{display:flex;flex-direction:row;align-self:center}.profile-button-close,.profile-button-open{display:flex;align-items:center;border:none;background-color:#fff;border-radius:.5rem;height:100%;font-size:large;font-weight:200;padding:.3rem .75rem;margin-right:0}.profile-button-open,.profile-button-close:hover{background-color:#8d909362}.profile-dropdown{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#fff;border-radius:7px;box-shadow:0 4px 8px gray;margin:2px;position:absolute;right:1rem;width:180px;padding:1.5%}.open-modal-menu-item{font-size:16px;padding-bottom:5px}.profile-dropdown li{cursor:pointer;border-radius:5px;list-style-type:none;padding:6px}.profile-dropdown p,a,li{text-decoration:none;display:flex;align-items:center;font-size:16px}.profile-dropdown-links-div{padding-bottom:1rem}.profile-dropdown-user-div{border-top:1px solid lightgray;border-bottom:1px solid lightgray}.profile-dropdown-manage-div{padding:1rem 0}.profile-dropdown-logout-div{padding-top:1rem;border-top:1px solid lightgray;cursor:pointer}.profile-dropdown li:hover{background-color:var(--hover);cursor:pointer}.dropdown-icon{font-size:large;margin-right:8px}.homepage-background-img img{width:100%;border-radius:6px;height:25rem;object-fit:cover}.homepage-search-box{display:flex;position:absolute;top:8rem;left:0;right:0;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:30px;padding:.5rem;justify-content:space-between;width:750px;align-items:center}#where-div{flex:1;padding-left:.5rem;padding-right:.5rem}#where-div input{width:100%;box-sizing:border-box}#from-div,#until-div{width:150px;padding-left:1rem}.homepage-search-box label{font-size:11px;font-weight:500}.homepage-search-box input{border:none}.homepage-search-button{border:none;border-radius:70%;width:35px;height:35px;font-size:16px;color:#fff;background-color:#593cfb;cursor:pointer}.homepage-catchphrases{margin:0 auto;display:flex;flex-direction:column;justify-content:center}.homepage-catchphrases h1,.homepage-catchphrases h2{text-align:center}.homepage-catchphrases h1{font-family:Times New Roman,Times,serif;font-size:90px;letter-spacing:1px;font-weight:700;margin-top:2rem;margin-bottom:0}.homepage-title-section{font-weight:700;text-align:center}.purple-bar{background-color:#ddc4ff62;height:1.5rem;width:550px;position:absolute;top:36.8rem;left:0;right:0;margin-left:auto;margin-right:auto}#view-vans-btn{width:200px;margin:1rem auto;border:none;padding:.75rem;border-radius:5px;font-weight:600}.homepage-makes-div{margin:0 auto;width:1000px}.homepage-makes-div h3{font-size:25px}.makes-cards-div{display:flex;gap:1rem;cursor:pointer}.category-pic img{width:200px;height:200px;object-fit:cover;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.category-pic h4{margin:0;font-size:18px;text-align:center;background-color:#d3d3d341;border-top-left-radius:10px;border-top-right-radius:10px}.category-pic-location{width:100px;height:2000px;object-fit:cover;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.car-card-container{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;border-radius:5px;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;width:200px;text-align:center}.car-card-container img{width:100%;height:auto;border-radius:5px;margin-bottom:15px}.car-info-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.car-info-div p{margin:5px 0}.car-info-div p:first-child{font-weight:700;font-size:1.2em}.car-info-div p:nth-child(3){color:#007bff;font-weight:700}.car-info-div p:last-child{font-style:italic}.cars-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.car-item-card-navlink{text-decoration:none;color:inherit}.car-show-page-container{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;max-width:800px;margin:auto}.car-slideshow-container img{width:100%;height:auto;border-radius:8px;margin-bottom:20px}.car-details-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;margin-top:20px;width:100%}.leave-review-title{font-weight:700;font-size:18px}.car-info-main{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.car-info-section{flex:1;margin-right:10px}.car-specs-left,.car-description{flex-basis:50%}.car-description{flex-basis:50%;padding-left:20px}.all-reviews-container{width:100%;margin-top:20px}.all-reviews-container p{word-wrap:break-word;overflow-wrap:break-word}.all-reviews-container button{padding:8px 16px;margin:5px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;display:block;width:auto}.delete-review-button{background-color:#ed7d7d;color:#fff}.delete-review-button:hover{background-color:#f33}.update-review-button{background-color:#3c7bd4;color:#fff}.update-review-button:hover{background-color:#0c678e}.all-reviews-container>button{background-color:#007bff;color:#fff;margin-top:10px}.all-reviews-container>button:hover{background-color:#0056b3}.back-button{margin-top:20px;text-decoration:none;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;transition:background-color .3s ease}.back-button:hover{background-color:#0056b3}@media (max-width: 768px){.car-info-main{flex-direction:column}.car-specs-left,.car-description{flex-basis:100%;padding:0}.car-description{padding-top:20px}}.create-review-container{width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;word-wrap:break-word;overflow-wrap:break-word}.create-review-container h1{margin-bottom:20px;font-size:24px;font-weight:700}.create-review-input-section{margin-bottom:20px;width:380px}.create-review-input-section textarea{width:100%;height:150px;padding:10px;border:1px solid #ccc;border-radius:5px;resize:none}.create-review-validator{margin-top:5px;color:red}.create-review-submit-button-disable,.create-review-submit-button-active{display:block;width:100%;padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.create-review-submit-button-disable{background-color:#ccc;cursor:not-allowed}.create-review-submit-button-active:hover{background-color:#0056b3}.update-review-modal-container{width:400px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.update-review-modal-container h1{margin-bottom:20px;font-size:24px;text-align:center;color:#333}.update-review-input-box{position:relative}.update-review-input-box textarea{width:95%;height:150px;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;resize:none}.update-review-validator{position:absolute;margin:5px;left:0;font-size:14px;color:#f44336}.update-review-submit-button-disable,.update-review-submit-button-active{display:block;width:100%;padding:10px;margin-top:30px;border:none;border-radius:8px;font-size:18px;font-weight:700;color:#fff;background-color:#4caf50;cursor:pointer;transition:background-color .3s ease}.update-review-submit-button-disable{background-color:#ccc;cursor:not-allowed}.update-review-submit-button-active:hover{background-color:#2e7d32}.delete-review-modal-container{width:400px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.delete-review-modal-container h1{margin-bottom:10px;font-size:24px;color:#333}.delete-review-modal-container p{margin-bottom:20px;font-size:18px;color:#424040}.delete-review-yes-button,.delete-review-no-button{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;font-size:16px;cursor:pointer}.delete-review-yes-button{background-color:#ec7682;color:#fff}.delete-review-no-button{background-color:#80bbfa;color:#fff}.delete-review-no-button:hover{background-color:#2c69eb}.delete-review-yes-button:hover{background-color:#f23c3c}.create-car-form-container{display:flex;flex-direction:column}.create-car-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;max-width:800px}.center-container{display:flex;justify-content:center;margin-top:100px;height:100vh}.create-form-left,.create-form-right{width:45%;min-width:200px}.create-car-input-section{margin-bottom:15px}.create-car-input-section label{display:block;margin-bottom:5px;font-weight:700}.create-car-input-section input,.create-car-input-section textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px}.create-car-validator{color:red;margin-top:5px;font-size:14px}.create-car-submit-button-disable,.create-car-submit-button-active,.create-car-submit-button-cancel{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin:7px}.create-car-submit-button-disable{background-color:#ccc;color:#666;opacity:.7}.create-car-submit-button-active,.create-car-submit-button-cancel{background-color:#593cfb;color:#fff}.create-car-submit-button-disable:disabled{cursor:not-allowed}.update-car-title{text-align:center;margin-bottom:20px}.update-car-container{max-width:600px;margin:0 auto}.update-car-input-section{margin-bottom:20px}.update-car-input-section label{display:block;font-weight:700}.update-car-input-section input[type=number],.update-car-input-section input[type=text],.update-car-input-section textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px}.update-car-validator{color:red;margin-top:5px}.update-car-submit-button-disable,.update-car-submit-button-active,.update-car-cancel-button-active{display:block;width:100%;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;color:#fff;margin:8px}.update-car-submit-button-disable{background-color:#ccc}.update-car-submit-button-active{background-color:#007bff}.update-car-submit-button-active:hover{background-color:#0056b3}.update-car-cancel-button-active{background-color:#8a8787}.update-car-cancel-button-active:hover{background-color:#cfc9c9}.delete-car-modal-container{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:20px;text-align:center;width:400px;margin:0 auto}.delete-car-modal-container h1{font-size:24px;margin-bottom:10px}.delete-car-modal-container p{margin-bottom:20px}.delete-car-yes-button,.delete-car-no-button{display:inline-block;margin:0 10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.delete-car-yes-button{background-color:#ec7682;color:#fff}.delete-car-no-button{background-color:#80bbfa;color:#fff}.delete-car-no-button:hover{background-color:#2c69eb}.delete-car-yes-button:hover{background-color:#f23c3c}.manage-your-car-container{max-width:1200px;margin:0 auto;padding:2rem}.manage-your-car-h1{text-align:center;font-size:2rem;margin-bottom:2rem;color:#333;font-weight:600}.cars-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;padding:1rem}.car-item-card-navlink{text-decoration:none;color:inherit;margin:1rem}.car-item-card-navlink:hover .car-card-container{transform:translateY(-.25rem);box-shadow:0 4px 8px #0003}.car-card-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center}.create-car-button,.update-car-button,.delete-car-button{font-weight:500;color:#fff;text-decoration:none;border:none;border-radius:.25rem;padding:.75rem 1.5rem;margin:.5rem;cursor:pointer;transition:all .3s ease}.create-car-button{background-color:#5cb85c}.create-car-button:hover{background-color:#4cae4c}.update-car-button{background-color:#f0ad4e}.update-car-button:hover{background-color:#ec971f}.delete-car-button{background-color:#d9534f}.delete-car-button:hover{background-color:#c9302c}.create-car-link,.update-car-link{color:inherit;text-decoration:none;display:block}