/* Import Inter font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Set default font and prevent horizontal overflow */
body {
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* Hero section background image */
.hero {
    background-image: url('https://images.unsplash.com/photo-1517430816045-df4b7de11d1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2071&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Fade-in animation for elements */
.fade-in {
    animation: fadeIn 1s ease-in-out;
}

/* Animation delay classes */
.delay-100 {
    animation-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-300 {
    animation-delay: 0.3s;
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Logo sizing */
.logo {
    width: 120px;
    height: auto;
}

/* Responsive logo sizing for smaller screens */
@media (max-width: 640px) {
    .logo {
        width: 80px;
    }
}