:root {
    --highlight-color: white;
    --main-color: #353535;
    --obscure-color: black;

    --font-clr: white;
    --font-clr-secondary: white;

    --font-xsm: .5rem;
    --font-sm: 1rem;
    --font-md: 1.5rem;
    --font-lg: 2rem;
    --font-xlg: 4rem;

    --space-xsm: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xlg: 4rem;
}

html {
    min-height: 100vh;
    min-width: 100vw;
    height: auto;
    width: 100%;
    overflow: auto;

}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: relative;

    min-height: 100vh;
    min-width: 100vw;
    height: auto;
    width: 100%;

    gap: var(--space-md);
}

.centered-text {
    text-align: center;
}