@import "./color.css";
@import "./var.css";
@import "./shared.css";

:root {
    /* 13pt => 375pt */
    font-size: 3.2vw;   
}
body {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: Galvji, Robot, sans-serif, Helvetica;
    /* background-color: var(--bg-shadow); */
}
body.dark:not(.active) > main {
    filter: blur(10px);
}
body > main {
    background-color: var(--bg-screen);
    transform-origin: center 450px;
    transition: 0.5s;
    padding-bottom: 20vw;
    position: relative;
    left: 0;
}

:not(:defined) {
    opacity:    0;
    display:    inline-block;
}
:defined {
    /* transform: fade-in var(--duration); */
}