@font-face {
    font-family: 'Orbitus Bold';
    src: url('orbitus_2021_N_RC15-VF.woff2') format('woff2-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

body {
    background-color: #080910;
    color: #e1e1fe;
    margin: 0;
    font-family: 'Orbitus Bold', sans-serif;
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: default;
}

#text-container {
    width: 100%;
    min-height: 100vh; 
    box-sizing: border-box;
    padding: clamp(1.5rem, 2.5vw, 4rem);
    display: flex;
    flex-direction: column;
}

#text-container.is-centered {
    justify-content: center;
}

#text-container > * {
    white-space: normal;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a .char:after {
    content: '_';
    position: absolute;
    display: block;
    visibility: hidden;
    left: 0;
    width: 100%;
    transform: scaleX(1.1) translateY(-.9em);
}

a:hover .char:after {
    visibility: visible;
}

.word {
    display: inline-block;
}

.char {
    display: inline-block;
    position: relative;
    font-variation-settings: 'wght' 100, 'wdth' 100, 'slnt' 0, 'TNSN' 0;
}