/*
Theme Name: AKO Theme
Author:     Anthony Otto
Description: A custom wordpress theme to allow for quick HTML based iteration.
Version:    1.0
Text Domain: ako
*/

/* Your CSS starts here */
body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.site-content {
    width: 100%;
    display: block;
}

:root
{
    --AKO-Gradient: linear-gradient(135deg, #c3f5ff 0%, #00e5ff 100%);
}


        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .glass-header {
            background: rgba(11, 19, 38, 0.8);
            backdrop-filter: blur(20px);
        }
        .kinetic-gradient {
            background: linear-gradient(135deg, #c3f5ff 0%, #00e5ff 100%);
        }
        body {
            background-color: #0b1326;
            color: #dae2fd;
        }

        .font-headline {
    font-display: swap;
}

/* Optional: Smoothly fade in content to mask the snap */
.site-main {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}