/* Enkel reset for å fjerne standard marger */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* Mørk, luksuriøs bakgrunn med en ekstremt subtil rød/brun undertone (kirsebær-referanse) som fader til svart */
    background: radial-gradient(circle at center, #110a0a 0%, #000000 80%);
    background-color: #000000;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Forhindrer scroll hvis bildet er stort */
}

.container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw; /* Gir litt luft på mobil */
}

.logo {
    /* Gjør at logoen dekker store deler av skjermen, men forblir skarp og innenfor kantene */
    max-width: 90vw;
    max-height: 80vh;
    width: auto;
    height: auto;
    object-fit: contain;
    
    /* En myk og elegant fade-in animasjon */
    opacity: 0;
    animation: fadeIn 2.5s ease-in-out forwards;
}

/* Definerer animasjonen */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.98); /* Starter marginalt mindre for en dypere effekt */
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}