@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4Y_LDrMfIA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.logo_container {
    white-space: nowrap;
}

.logo_dnd {
    display: inline-block;
    font-family: 'Comfortaa', cursive;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.3em;
    border-radius: 0.2em;
}

.logo_text {
    display: inline-block;
    padding: 0.3em;
}

.logo_splash {
    background-color: #3a5573;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.logo_loader {
    font-size: 2rem;
    box-shadow: 0 0 0 0 #0004;
    animation: l1 1s infinite;
}

.logo_splash .logo_loader {
    padding: 0.5rem 0.4rem;
    color: #3a5573;
    background-color: #fafafa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes l1 {
    100% {
        box-shadow: 0 0 0 30px #0000
    }
}