body > header {
    min-width: 44px;
    width: 44px;
}

body > header > div.main {
    transform: translate(-100%);
}

body > header > div.main.active {
    transform: translate(0) !important;
}

body > header > div.main > section > h1 > svg {
    display: block;
}

body > main {
    margin-left: 44px;
}

@media screen and (max-width: 399px) {
    body > header > div.main.active {
        min-width: 100vw;
    }
}

@media screen and (max-width: 289px) {
    body > header {
        display: none;
    }

    body > main {
        display: none;
    }

    body > #small {
        display: block;
        width: 100vw;
        height: 100vh;
        background: var(--sec);

        div {
            position: fixed;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            text-align: center;

            * {
                margin: 0;
            }
        }
    }
}