/* HOMEPAGE STYLES */

/* Page background */
body {
    font-family: "Segoe UI", Tahoma, sans-serif;
    background: linear-gradient(135deg, #667eea, #764ba2);
    min-height: 100vh;
}

/* Header */
header {
    transition: box-shadow 0.3s ease;
}

/* Lab cards */
.lab-card {
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.lab-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25) !important;
}

/* Animate icon and button on hover */
.lab-card .display-1,
.lab-card .btn {
    transition: transform 0.25s ease;
}

.lab-card:hover .display-1 {
    transform: scale(1.1);
}

.lab-card:hover .btn {
    transform: scale(1.05);
}

/* Mobile layout */
@media (max-width: 576px) {

    header h1 {
        font-size: 2rem;
    }

    .lab-card .display-1 {
        font-size: 4rem;
    }

}