:root {
    --digilean-main-menu-background: #2f4050;
    --digilean-main-menu-text: #fff;
    --digilean-blue: #1c93d3;
    --digilean-blue-sky-light: #acd3ef;
}

html {
    font-size: 14px;
}

body {
    background: var(--digilean-main-menu-background);
    color: var(--digilean-main-menu-text);
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
}

svg.svg-defs {
    display: none;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

section#loading-screen {
    padding: 0;
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    figure.digilean-logo {
        width: 15rem;
        height: 15rem;
    }
}

figure.digilean-logo {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    view-transition-name: main-logo;
    --logo-top-left-color: var(--digilean-blue-sky-light);
    --logo-main-color: var(--digilean-blue);
}


figure#digilean-logo-loading {
    animation: spin 3s linear infinite;
    transform-origin: center;
}

figure#digilean-logo-nav {
    width: 3rem;
    height: 3rem;
}

::view-transition-group(main-logo) {
    animation-duration: 0.5s;
}