#root{max-width:1280px;margin:0 auto;text-align:center}body{margin:0;font-family:sans-serif;background:#f5f4f4;color:#222;text-align:center;overflow-x:hidden;padding-inline:3rem}.btn-container{text-align:center;margin-bottom:5rem;margin-top:2rem}.nav{text-align:center;display:flex;gap:20px;justify-content:center;width:100%;align-items:center;color:#fff}a,button{text-decoration:none;padding:.8rem 1.2rem;background-color:#4141c6;border:none;border-radius:10px;cursor:pointer;color:#fff}a{font-size:.8rem;padding:.6rem 1.2rem}button:disabled{background-color:#afafaf;cursor:not-allowed}.pagination span{border:1px solid #ccc;padding:7px 12px;color:#222;font-size:.9rem;border-radius:5px;transition:.5s ease all;cursor:pointer}.pagination span:hover{background-color:#434141;border:1px solid rgb(67,65,65)}.pagination{display:flex;flex-direction:row;gap:10px}@media (width <= 578px){body{padding-inline:2rem}}.table{padding:5px;width:100%;overflow-x:auto}.search{width:100%;max-width:300px}table{border-collapse:collapse;width:100%;font-size:1rem}thead{border-top:2px solid gray;border-bottom:2px solid gray}th,td{vertical-align:top;text-align:left;padding:15px 5px}th{border:1px solid #eee;padding:10px}td.icons{display:flex;justify-content:flex-start;align-items:center}td.icons>button{margin-right:7px;cursor:pointer;vertical-align:middle;align-self:center}tr{border-bottom:1px solid #ccc}tr:nth-child(even){background-color:#fff}tbody tr:hover{cursor:pointer;background-color:#1f93ff4d}@media (width <= 500px){table{font-size:.8rem}}.car-img{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.car-img img{height:100%;width:100%;object-fit:"cover"}.img-card{width:270px;height:250px;margin:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.img-card span{font-weight:700;margin-top:-20px}.details{margin-inline:5rem;margin-top:2rem}.details>div{display:flex;align-items:center;padding:10px;border-bottom:1px solid gray;max-width:100%;gap:20px;justify-content:space-between}.details>div>span:nth-of-type(1){font-weight:700;color:#222;font-size:1rem}.details>div>span:nth-of-type(2){font-weight:500;color:#777;font-size:.9rem}@media (width <= 578px){.car-img{padding-inline:10px}.img-card{width:100%}.img-card span{font-weight:700;margin-top:-18px}.details{margin-inline:20px}.details>div>span:nth-of-type(1){font-size:.8rem}.details>div>span:nth-of-type(2){font-weight:500;color:#777;font-size:.8rem}}