@font-face {
        font-family: 'Beryozki';
        src: url('/style/fonts/Beryozki.eot') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Beryozki';
        src:  url('/style/fonts/Beryozki.woff') format('woff'),
              url('/style/fonts/Beryozki.ttf')  format('truetype'),
              url('/style/fonts/Beryozki.svg#Beryozki') format('svg');
        font-weight: normal;
        font-style: normal;
      }

    .normalText {
        font-size: var(--textSize);
        font-family: 'Sometype Mono', monospace;
        color: rgb(0, 0, 0);
    }

    .titleText {
        font-size: calc(var(--textSize) + (var(--textSize) * 0.3));
        font-family: 'Sometype Mono', monospace;

        text-align: left;
        margin-left: 3vw;

        color: rgb(0, 0, 0);
    }

    .miniText {
        font-size: calc(var(--textSize) * 0.9);
        font-family: 'Sometype Mono', monospace;
        color: rgb(0, 0, 0);
    }

    :root {
        --textSize: 1.2em;
    }