    /* Beryozki */
    @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;
    }

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

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

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

    .titleTextMini {
        font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
        /* font-family: 'Sometype Mono', monospace; */
        font-family: 'Tsarevich-Regular';

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

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

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

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

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

    :root {
        --textSize: 1.2em;
    }
