:root {
    color-scheme: light dark;
    --background-color: light-dark(#ffffff, #282c2f);
    --text-color: light-dark(#454545, #bababa);
    --text-font: "SansusWebissimoRegular"
}

.background {
    margin: 0;
    background-color: var(--background-color);
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.flex-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.heading {
    color: var(--text-color);
    font: calc(6px + 2vh + 1vw) var(--text-font);
}

.flex-break {
    height: 0;
    flex-basis: 100%;
}

.text {
    color: var(--text-color);
    font: calc(3px + 1vh + 0.5vw) var(--text-font);
}

.main-icon {
    height: calc(1em - 7px);
    width: auto;
}