/* Täysi musta tausta ja keskitys */
:root {
    color-scheme: dark;
}

html,
body {
    height: 100%;
    margin: 0;
    background: #ffffff;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Logo skaalaa ikkunaan sopivaksi */
.logo {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    width: 150px;
    height: auto;
}

/* 🎨 Taustavärin animaatio */
.bg-loop {
    animation: colorChange 12s infinite alternate;
    transition: background-color 2s ease-in-out;
}

@keyframes colorChange {
    0% {
        background-color: #ff4b4b;
    }

    /* punainen */
    50% {
        background-color: #4bafff;
    }

    /* sininen */
    100% {
        background-color: #4bffb8;
    }

    /* vihertävä */
}