@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}.emptyGarage-container{color:#f5f5f5;margin:0 1rem;display:flex;flex-direction:column;align-items:center;justify-items:center}.emptyGarage-container img{width:250px;height:250px}.emptyGarage-container a{color:#f5f5f5;margin:1.5rem 1rem;padding:12px 16px}.emptyGarage-container a:hover{background-color:#fefefe1d;border-radius:16px}.card-list{width:auto;max-width:55vw;height:auto;display:flex;gap:3rem}.card{color:#f5f5f5;padding:2rem;margin:0 1rem;border-radius:16px;border:1px solid transparent;background-color:#6060605a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 0 20px #ffffff1a,inset 0 0 5px #ffffff46,0 5px 5px #0000002a;transition:.25s ease;display:flex;flex-direction:column;position:relative;animation:modalFadeIn .4s ease-out forwards}.card:hover{color:#fff;border:1px solid #ff6600;box-shadow:0 1px 3px #f60;cursor:pointer;transform:translateY(-2px)}img{max-width:100%;display:block}.card-header{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between}.card-header a{color:inherit;letter-spacing:1.5px;font-family:Gruppo,sans-serif;font-weight:600;font-size:2rem;line-height:1.25;padding-right:1rem;text-decoration:none}.card-header a:hover{text-decoration:none}.card-header p{color:#8c8c8c;margin-bottom:0;letter-spacing:1px;font-family:Gruppo,sans-serif;font-weight:600;font-size:1.3rem;line-height:1.25}.icon-button{background-color:transparent;border-radius:50%;border:1.5px solid whitesmoke;width:2.5rem;height:2.5rem;flex-shrink:0;transition:.25s ease;box-shadow:0 0 0 1px rgba(#000,.05),0 3px 8px rgba(#000,.15);z-index:1;cursor:pointer;color:#f5f5f5;align-content:center}.icon-button:hover{border:1.5px solid #ff6600}.icon-button svg:hover{color:#f60}.icon-button svg{margin:0 auto;width:170%;padding:2px}.card-footer{margin-top:1.25rem;border-top:1px solid #ddd;padding-top:1.25rem;display:flex;align-items:center;flex-wrap:wrap;letter-spacing:.9px;font-family:Gruppo,sans-serif;font-weight:500;font-size:1rem}.allVehicles-sect-1{display:flex;align-items:center;justify-content:space-between}.addVehcile-btn{color:#f5f5f5c8;width:35px;height:35px;margin-top:10px;margin-right:20px;padding:5px 0 0 5px;border:none;border-radius:25%;background-color:transparent}.addVehcile-btn:hover{color:#f60;background-color:#f8fcf32f;border-radius:25%;transition:.2s ease;cursor:pointer}.acctPage{width:30rem;max-width:60rem;margin:0 auto;padding:1rem;display:flex;justify-content:space-between}.acctPage-section-1{flex:2;padding:1rem}.acctPage-1a{margin-bottom:1.5rem}.acctPage-1a h2{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.acctPage-1b p{font-size:1rem;line-height:1.6;color:#e0e0e0;margin-bottom:.5rem}.acctPage-section-2{flex:1;padding:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.update-btn,.delete-btn,.password-btn{color:#fff;padding:.75rem 1.5rem;font-size:1rem;background:#ffffff14;border:none;border-radius:.75rem;box-shadow:0 4px 8px #00000026;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:.75rem}.update-btn:hover{color:#fff;background:#eeeeee1a;box-shadow:0 5px 12px #fefefe;cursor:pointer}.update-btn:disabled{color:#aaa;background:#ffffff0d}.delete-btn:hover{color:#ff4e4e;background:#ff4e4e1a;box-shadow:0 6px 14px #ff4e4e4d;cursor:pointer}.password-btn:hover{color:#91b3ff;background:#91b3ff1a;box-shadow:0 6px 14px #91b3ff4d;cursor:pointer}.faq{max-width:750px;padding:1rem;border-radius:8px}.faq-item{margin:20px}.faq-item h3{color:#ff9045;margin-bottom:8px}.faq-item p{line-height:1.6}.navbar{color:#f5f5f5;width:90px;margin:10px 5px;padding:.75rem;background-color:transparent;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 0 20px #ffffff31,inset 0 0 5px #ffffff46,0 5px 5px #0000002a;transition:.5s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;height:98vh;max-height:100dvh;overflow:hidden}.navbar:hover{animation:ease-out 5s;background:#adadad0d}.nav-link{text-decoration:none;transition:all .3s ease}.nav-label{opacity:0;transition:opacity .25s ease-in-out;color:#f5f5f5;font-size:17px;font-family:Helvetica Neue,Segoe UI,sans-serif;text-align:center;margin-top:3px}.nav-group:hover .nav-label{opacity:1}.nav-sect-1{width:70px;height:auto;margin:1rem 0}.nav-sect-2{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;margin:25px 0}.nav-group{margin:5px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.icons{color:#f4f4f4;width:3.5rem;height:3.5rem;margin:0 auto;padding:.6rem;border-radius:25%;border:1px solid #6060605a;background-color:#6060605a;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0000004d;transition:all .2s ease;position:relative}.icons:hover{color:#fff;background:#ffffff3b;border:1px solid #ff6600;box-shadow:0 1px 3px #f60;cursor:pointer;transform:translateY(-2px)}.logout-btn{color:#f4f4f4;width:3.6rem;height:3.9rem;margin:5px auto;padding:1rem;font-size:30px;text-decoration:none;cursor:pointer;border-radius:25%;border:1px solid transparent;background-color:transparent;transition:all .2s ease}.logout-btn:hover{color:#fff;background-color:#6060605a;border:1px solid #ff6600;box-shadow:0 1px 3px #f60;cursor:pointer;transform:translateY(-2px)}.logout-btn:active{color:red;border-color:red;background-color:#f8fcf384;box-shadow:0 2px 4px #0000001a;transform:translateY(2px)}.landing-modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landingPage{background-color:#000;height:100vh;width:100vw;position:relative;overflow:hidden}.text-content{position:absolute;top:13%;left:50%;transform:translate(-50%);text-align:center;z-index:2;animation-name:textFadeIn;animation-duration:1.25s;animation-timing-function:ease-out;animation-direction:forwards}.text-content h1{background:linear-gradient(to top,#f60,#ffdac1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Gruppo,sans-serif;font-size:90px;font-weight:400;font-style:normal}.text-content p{color:#f5f5f5ca;margin-top:15px;letter-spacing:1.5px;font-family:Gruppo,sans-serif;font-size:17px;font-weight:400;font-style:normal;opacity:70%}.link-button{background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;color:#f5f5f5ca;font-family:Gruppo,sans-serif;font-size:18px;font-weight:400;font-style:normal;text-decoration:none;opacity:70%}.link-button:hover{text-decoration:underline}.animation img{width:80vw;height:auto;opacity:90%;position:absolute;bottom:-100%;left:50%;transform:translate(-50%);animation:riseUp 1.35s ease-out forwards;z-index:1}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;flex-direction:row;justify-content:center;align-items:center;animation:modalOverlayFadeIn .4s ease-out forwards;z-index:1000}.modal{color:#f5f5f5;background:#ffffff1a;padding:3rem;border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-items:center;animation:modalFadeIn .4s ease-out forwards}.closeModal-btn{position:relative;top:-15rem;right:-1rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#3d3d3d}.modal h1{color:#f5f5f5;letter-spacing:1.5px;font-family:Gruppo,sans-serif;font-weight:500;font-style:normal;margin-bottom:20px}.allForms{padding:0 20px}.allForms-group{width:100%;margin:10px 0}.allForms-group label{color:#ddd;font-size:.85rem}.allForms-group input{color:#fff;width:100%;font-size:1rem;padding:.75rem 1rem;margin:5px 0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;transition:border-color .3s ease}.allForms-group input:focus{outline:none;background-color:#ffffff14;border-color:#f60}.allForms button{color:#fff;padding:15px 30px;display:block;margin:2rem auto 20px;text-align:center;font-size:16px;border:none;border-radius:12px;background-color:#f60;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.allForms button:hover{background-color:#ff6600cf;box-shadow:0 8px 12px #0003;cursor:pointer}.allForms button:disabled{color:#b9b9b9;background-color:#f60;box-shadow:0 8px 12px #0003;cursor:pointer}.editVeh-form{width:50rem;height:30rem;animation:modalFadeIn .4s ease-out forwards}.section-1,.section-2{display:flex;gap:15px}.section-3{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:15px}.section-4{max-width:300px;margin-bottom:2rem}.EAF-section-1{display:flex;gap:15px;max-width:550px}.EAF-section-2{max-width:550px}.EAF-section-3{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;max-width:550px}.EAF-section-4{max-width:550px}.EAF-section-5{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,3fr);grid-column-gap:15px;max-width:550px}.rmVeh-page{width:50rem;height:30rem;margin:0 auto;display:flex;flex-direction:column;animation:modalFadeIn .4s ease-out forwards}.rmVeh-sect-1{display:flex;justify-content:space-between;align-items:center;margin:2rem;padding:1rem;border:2px solid #555;border-radius:16px;box-shadow:0 4px 8px #0000004d}.rmVeh-carCard{display:flex;gap:1rem}.rmVeh-carCard-text{margin:2rem;display:flex;flex-direction:column;justify-content:center;gap:20px}.rmVeh-sect-1 img{width:180px;height:auto}.rmVeh-page button{color:#f5f5f5;text-shadow:#f4f4f4;font-size:16px;padding:15px 30px;margin:2rem auto;border:1px solid #ff6600;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;box-shadow:0 8px 24px #0003;transition:all .3s ease;cursor:pointer}.rmVeh-page button:hover{background:#ff6600db;box-shadow:0 10px 30px #00000040}.custom-checkbox{color:#fff;font-size:18px;margin-right:2rem;display:flex;align-items:center;gap:10px;cursor:pointer}.rmVeh-sect-1 input[type=checkbox]{display:none}.rmVeh-sect-1 .checkmark{display:inline-block;width:20px;height:20px;border:2px solid #ff6600cb;border-radius:4px;margin-right:8px;vertical-align:middle;position:relative;cursor:pointer;box-sizing:border-box;transition:background-color .2s,border-color .2s}.rmVeh-sect-1 input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid whitesmoke;border-width:0 2px 2px 0;transform:rotate(45deg);transition:all .2s ease}.carousel{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible;position:relative;perspective:1000px}.card{width:300px;min-width:300px;max-width:300px;margin:0 10px;transition:transform .5s ease,opacity .5s ease;opacity:.5;cursor:pointer;position:relative;z-index:0;filter:grayscale(40%)}.card.active{opacity:1;max-height:525px;min-height:525px;filter:none;z-index:10}.card.prev{transform:translate(-150px);max-height:475px;min-height:475px;opacity:.7;filter:grayscale(20%);z-index:5}.card.next{transform:translate(150px);max-height:475px;min-height:475px;opacity:.7;filter:grayscale(20%);z-index:5}.carousel-btn{background:none;border:none;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:10px;padding:0 10px 5px;color:#cecece;transition:color .3s ease}.carousel-btn:hover{color:#ffe7a0;background-color:#f8fcf32f;border-radius:25%}.carousel-btn.prev{margin-right:10px}.carousel-btn.next{margin-left:10px}.carousel-container{position:relative;width:600px;margin:auto;overflow:visible;display:flex;align-items:center}@font-face{font-family:longline;src:url(https://assets.codepen.io/756881/Longline+Quart+FREE.ttf) format("truetype");font-weight:400;font-style:normal}.build-parent{width:85rem;height:45rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px}.build-sect-1{grid-area:1 / 1 / 3 / 6;display:flex;align-items:center;justify-content:center}.build-sect-1 img{width:auto;height:140%;opacity:95%;margin-top:80px}.build-sect-3{grid-area:3 / 1 / 4 / 6;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:1rem;height:19rem;background-color:#00000046;box-shadow:0 8px 32px #00000040;border-radius:16px}.build-sect-3 h2{font-size:20px;font-weight:100}.build-sect-3 img{width:100px;height:auto}.dev-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:35px;grid-row-gap:10px;margin-top:90px;width:300px;padding:20px;border-radius:20px;box-shadow:0 8px 32px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}.build-div1{grid-area:1 / 1 / 2 / 2;display:flex;align-items:center}.build-div1 span{width:30px;height:auto;font-size:30px}.dev-icon-divider{width:1px;height:85%;margin:10px;background-color:#fff;align-self:center}.build-div2{grid-area:2 / 1 / 3 / 2}.build-div3{grid-area:1 / 2 / 3 / 3;width:100px}.parent{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:15px;grid-row-gap:15px}.div1,.div2,.div3,.div4,.div5{color:#f5f5f5;padding:1rem;background-color:transparent;border-radius:16px;background:#ffffff16;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 0 20px #ffffff1a,inset 0 0 5px #ffffff46,0 5px 5px #0000002a;transition:.5s;width:auto;height:20rem;animation:modalFadeIn .4s ease-out forwards}.div1{grid-area:1 / 1 / 3 / 3}.div2{grid-area:1 / 3 / 3 / 5}.div3{grid-area:3 / 1 / 5 / 2}.div4{grid-area:3 / 2 / 5 / 4}.div5{grid-area:3 / 4 / 5 / 5}.maintenance{width:80rem;height:40rem;padding:1rem;position:relative;animation:modalFadeIn .4s ease-out forwards}.maint-section-1{grid-area:1 / 1 / 2 / 3;display:flex;margin-right:3rem;justify-items:center;justify-content:space-between;height:4rem}.maint-2a{grid-area:2 / 1 / 3 / 2;height:0;overflow-x:hidden}.maint-2b{grid-area:2 / 2 / 3 / 3;height:0}.maint-section-3{grid-area:3 / 1 / 4 / 3}.maint-section-3 h1{margin-left:20px}.serviceHistory{height:32rem;margin-top:1rem;overflow-y:hidden;scrollbar-width:none}.serviceHistory:hover{overflow-y:auto;scrollbar-width:thin}.serviceCard{width:80%;padding:1.35rem;margin:0 auto;border-bottom:1px solid rgba(245,245,245,.236);display:grid;grid-template-columns:auto 2fr 1fr 1fr auto;grid-template-areas:"icon title miles cost link";align-items:center}.serviceCard-icon{grid-area:icon;font-size:1.6rem;height:auto;margin:0 1rem 0 0}.serviceCard h3{grid-area:title;font-size:20px;font-weight:100;font-family:Arial,Helvetica,sans-serif}.serviceCard-miles{grid-area:miles;font-size:15px;color:#e1e1e1c5}.serviceCard-cost{grid-area:cost;font-size:15px;color:#e1e1e1c5}.serviceCard button{grid-area:link;width:30px;height:auto;color:#f5f5f5e0;background:none;border:none;cursor:pointer}.serviceCard button :hover{color:#f60;transition:.2s ease}.slide-form{position:absolute;top:95px;left:62%;width:auto;max-width:600px;height:auto;background:#252525;border:2px solid #afafaf38;box-shadow:0 8px 24px #0003;border-radius:25px;z-index:1000;overflow:hidden;opacity:0;transition:opacity .3s ease}.slide-form.active{max-height:1000px;opacity:1}.AMF-btn{width:42px;height:42px;margin:auto 0;background-color:transparent;color:#fff;border:none;border-radius:8px;font-size:2rem;cursor:pointer;transition:transform .3s ease,background-color .3s ease}.AMF-btn:hover{color:#f60;transition:.3s ease}.AMF-btn.rotated{transform:rotate(45deg)}.summary-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px}.summ-divider{width:1px;height:90%;background-color:#f5f5f5a0}.summ-group{display:flex;flex-direction:column;gap:30px;margin:10px}.summ-div1{grid-area:1 / 1 / 2 / 3;width:95%}.summ-header-group{display:flex;justify-content:space-between;align-items:center}.summ-heading-divider{width:98%;height:1.5px;background-color:#f5f5f5ca;margin:0 15px}.summ-div2{grid-area:2 / 1 / 4 / 2;display:flex;align-items:center;margin:10px 30px}.summ-div3{grid-area:2 / 2 / 4 / 3;display:flex;align-items:center;margin:10px 30px}.summ-div4{grid-area:4 / 1 / 6 / 3;display:flex;flex-direction:column;justify-content:center}.summ-div4 label{margin:10px}.summ-details{border:1px solid rgba(245,245,245,.629);border-radius:16px;height:100px;padding:1rem}.notes-container{width:80rem;height:40rem;margin:0 auto;padding:1rem;animation:modalFadeIn .4s ease-out forwards}.notes{display:flex;align-items:center;justify-content:space-between;height:100%;transform:translateY(-2.5rem)}.notes-section-1{width:50rem;height:80%;overflow:hidden;scrollbar-width:none}.notes-section-1b{height:75%;margin:30px 45px 0;overflow:hidden;scrollbar-width:none}.notes-section-1b:hover{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(103,103,103,.337) transparent}.note-list{list-style:none}.note-card{margin:0 10px;padding:1rem;display:flex;justify-content:space-between;align-content:center}.note-card-info h2{font-family:Arial,Helvetica,sans-serif;font-weight:550;letter-spacing:.75px}.note-card-info p{margin:10px}.note-card-btn{align-self:center}.note-card-btn button{background:transparent;border:none;color:#f5f5f5}.note-card-btn button:hover{background:transparent;border:none;color:#f60;cursor:pointer}.search *,.search *:before,.search *:after{box-sizing:border-box;outline:none}.search{position:relative;display:flex;justify-content:center;align-items:center}.search__wrapper{position:relative}.search__field{color:#f5f5f5;font-family:Lato,sans-serif;font-size:1.35em;width:37vw;height:6vh;padding:.35em .35em 0;background:transparent;border:1px solid transparent;border-bottom-color:#ccc;transition:all .3s ease-in-out;cursor:pointer}.search__field:hover{color:#f5f5f5;cursor:text}.search__icon{color:#f5f5f5;position:absolute;top:0;right:0;background-color:var(--main-color);width:var(--icon-size);height:var(--icon-size);font-size:1.5em;text-align:center;border:none;border-radius:50%;pointer-events:none;display:inline-block;transition:background-color .2s ease-in-out}:root{--icon-size: 65px}.search__field:focus+.search__icon{background-color:transparent;pointer-events:auto;cursor:pointer}.notes-section-2{margin:5rem 0}.notes-floating-divider{width:.1rem;height:85%;margin:0;background-color:#f60;align-self:center}.shareVeh-page{width:50rem;height:30rem;overflow-y:auto;animation:modalFadeIn .4s ease-out forwards}.sp-sect-1b{padding:1rem}.sp-sect-1b p{color:#f5f5f5;margin-left:25px;font-family:sans-serif}.sp-sect-1c{padding:.5rem;display:flex;justify-content:center}.sp-sect-1c button{color:#f5f5f5ec;font-size:70px;margin:0 40px;background-color:transparent;border:none;padding:1rem;border-radius:16px}.sp-sect-1c button p{font-size:medium}.sp-sect-1c button:hover{background-color:#f5f5f528}.sp-sect-2{border-top:1.5px solid rgba(245,245,245,.749)}.sp-sect-2 h2{padding:.5rem;letter-spacing:1.1px;font-family:Gruppo,sans-serif;font-weight:590;font-style:normal;font-size:27px;margin:1rem}.sp-sect-2 select{color:#f5f5f5;padding:.55rem;width:220px;margin:10px 10px 10px 40px;background:#fdfdfd20;box-shadow:0 8px 24px #0003;border:none;border-radius:5px;font-size:15px;font-family:inherit}.sp-sect-2 select:hover,.sp-sect-2 select:focus{background:#fdfdfd20;outline:1px solid #ff6600}.sp-sect-2 select option{background-color:#4e4e4e}.sp-sect-2 button{color:#f5f5f5;font-size:14px;text-shadow:#f4f4f4;padding:8px 20px;margin-left:10px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ff6600;border-radius:16px;transition:all .3s ease;box-shadow:0 8px 24px #0003;cursor:pointer}.sp-sect-2 button:hover{background:#ff6600db;box-shadow:0 10px 30px #00000040}#whichUser{width:50%;margin:10px auto}#whichUser tbody tr td{width:50%}#whichUser tbody tr td button{padding:4% 10%}#whichUser tbody tr td button:hover{cursor:pointer;background-color:#ffdfb4;border:solid .25px grey}.vehiclePage{display:flex;flex-direction:column;gap:20px}.vehNav{display:flex;flex-direction:row;justify-content:space-between;width:80rem}.vehNav h1{color:#f5f5f5;margin-right:10px;letter-spacing:1px;font-family:Gruppo,sans-serif;font-weight:550;font-style:normal;font-size:35px}.vehNav ul{display:flex;list-style:none}.btn-link{background:none;border:none;color:#f5f5f5;font-size:1rem;cursor:pointer;padding:.5rem 1rem;transition:background .2s,color .2s;border-radius:8px}.btn-link:hover{cursor:pointer;transform:translateY(-2px);transition:.3s ease}.active-link{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 4px #0000004d;cursor:pointer;transform:translateY(-2px)}.vehicleDetails{width:80rem;height:40rem;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:2rem;animation:modalFadeIn .4s ease-out forwards}.vd-section-1{display:flex;flex-direction:row;justify-content:space-between}.vd-1-general p{margin:.25rem 0}.vd-1-general{display:flex;flex-direction:column}.vd-section-1 img{width:250px;height:auto;margin-right:6rem}.performance-container{display:flex;justify-content:space-between;gap:1rem}.performance-container h3{text-decoration:underline 2px}.performance-1,.performance-2,.performance-3{flex:1;padding:1rem;border-radius:10px;text-align:center}.performance-3{margin-right:50px}.vd-section-3 details{margin-bottom:1rem;border-bottom:1px solid white;overflow:hidden}.vd-section-3 summary{padding:1rem;font-weight:700;cursor:pointer;color:#fff}.vd-section-3 summary:hover{background:#ffffff1a;border-radius:15px}details[open]{background:#ffffff1a;border-radius:15px}.engine-container{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.engine-details{flex:1 1 250px;border:1px solid #ccc;padding:1rem;border-radius:8px}.garage-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#414141d8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;display:flex;justify-content:center;align-items:center;z-index:10;animation:garageModalOverlayFadeIn .3s ease-out}.garage-modal{background:#18181829;border-radius:25px;animation:garageModalFadeIn .3s ease-out;position:relative}.garage-modal h1{color:#f5f5f5;letter-spacing:1.5px;font-family:Gruppo,sans-serif;font-weight:500;font-style:normal;margin-bottom:20px}.garage-closeModal-btn{position:relative;top:-15rem;right:-1rem;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#3d3d3d}.vehSettings{width:80rem;height:40rem;padding:1rem;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .4s ease-out forwards}.settings-icon{width:700px;height:auto;opacity:30%;transform:translate(30rem)}.settings-body{width:100%;height:85%;display:flex;align-items:center;justify-content:space-between}.settings-sect-1{width:20rem;height:90%;display:flex;flex-direction:column;align-items:flex-start}.settings-sect-2{max-width:50rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.settings-links{color:#f5f5f5;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;margin:1rem 3rem;font-family:Gruppo,sans-serif;font-size:23px;font-weight:400;font-style:normal;text-decoration:none}.settings-links:hover{color:#f60}.settings-floating-divider{width:.1rem;height:95%;margin:0;background-color:#f60;align-self:center}.underCon{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#313131a5;border-radius:16px;display:flex;align-items:center;justify-content:center}html{margin:0;padding:0;height:100%;display:flex;align-items:center;justify-content:center;background-color:#181818;background-size:cover;background-image:url(/grey.jpg)}.glassmorphism-container{color:#f5f5f5;padding:1rem;animation:modalFadeIn .4s ease-out forwards;background-color:transparent;border-radius:16px;background:#ffffff16;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 0 20px #ffffff1a,inset 0 0 5px #ffffff46,0 5px 5px #0000002a;transition:.5s}.content-container h1{color:#f5f5f5;padding:1rem;letter-spacing:1px;font-family:Gruppo,sans-serif;font-weight:500;font-style:normal;font-size:35px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalOverlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes riseUp{to{bottom:-35%}}@keyframes textFadeIn{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes garageModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes garageModalOverlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}