body {
    background-color: #f8f9fa;
}

.parking-slot {
    border: 2px solid #6c757d;
    border-radius: 5px;
    margin: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s;
}

.parking-slot:hover {
    transform: scale(1.05);
}

.available {
    background-color: #fbaf32;
    color: white;
}

.reserved {
    background-color: #dc3545;
    color: white;
}

.slot-btn {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .parking-slot {
        margin: 10px auto;
    }
}