@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


 body {
            font-family: "Roboto", sans-serif;
            font-optical-sizing: auto;
            font-weight: 100;
            font-style: normal;
            font-variation-settings:"wdth" 100;
        }


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-fadeInUp {
    animation: fadeInUp 0.6s ease-out forwards;
    }
html {
    scroll-behavior: smooth;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    /* Ensure proper text wrapping on mobile */
    h1, h2, h3, h4, h5, h6, p {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Optimize images for mobile */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Better spacing for mobile */
    section {
        overflow-x: hidden;
    }
    
    /* Dropdown buttons better spacing */
    .dropdown-btn {
        touch-action: manipulation;
    }
    
    /* Contact form mobile optimization */
    input, textarea, button {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}

/* Touch-friendly interactive elements */
@media (hover: none) and (pointer: coarse) {
    a, button {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Mobile menu animations */
#mobile-menu {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
}

#mobile-menu:not(.hidden) {
    max-height: 500px;
}

/* Smooth transitions for dropdowns */
.dropdown-container {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    overflow: hidden;
}

.dropdown-container:not(.hidden) {
    max-height: 200px;
}