@font-face {
    font-family: 'wikiFont';
    src: url('https://static.igem.wiki/teams/5944/fonts/nunitosans-variablefont-ytlc-opsz-wdth-wght.ttf');
    font-weight: 200 900;
    font-style: normal;
}

@font-face {
    font-family: 'wikiFont';
    src: url('https://static.igem.wiki/teams/5944/fonts/nunitosans-italic-variablefont-ytlc-opsz-wdth-wght.ttf');
    font-weight: 200 900;
    font-style: italic;
}

@font-face {
    font-family: 'fancyWikiFont';
    src: url('https://static.igem.wiki/teams/5944/fonts/notoserifdisplay-variablefont-wdth-wght.ttf');
    font-weight: 200 900;
    font-style: normal;
}

@font-face {
    font-family: 'fancyWikiFont';
    src: url('https://static.igem.wiki/teams/5944/fonts/notoserifdisplay-italic-variablefont-wdth-wght.ttf');
    font-weight: 200 900;
    font-style: italic;
}

@font-face {
    font-family: 'comicFont';
    src: url('https://static.igem.wiki/teams/5944/fonts/comic-sans-ms.ttf');
    font-weight: 500;
    font-style: normal;
}

.medium-bold {
    font-family: 'wikiFont';
    font-weight: 500;
}

.bold {
    font-family: 'wikiFont';
    font-weight: 700;
}

.extra-bold {
    font-family: 'wikiFont';
    font-weight: 900;
}

body {
    font-family: 'wikiFont';
    font-style: normal;
}

.ts-1 {
    font-size: 0.1vw !important;
}

.ts-2 {
    font-size: 0.2vw !important;
}

.ts-3 {
    font-size: 0.3vw !important;
}

.ts-4 {
    font-size: 0.4vw !important;
}

.ts-5 {
    font-size: 0.5vw !important;
}

.ts-6 {
    font-size: 0.6vw !important;
}

.ts-7 {
    font-size: 0.7vw !important;
}

.ts-8 {
    font-size: 0.8vw !important;
}

.ts-9 {
    font-size: 0.9vw !important;
}

.ts-10 {
    font-size: 1vw !important;
}

.ts-11 {
    font-size: 1.1vw !important;
}

.ts-12 {
    font-size: 1.2vw !important;
}

.ts-13 {
    font-size: 1.3vw !important;
}

.ts-14 {
    font-size: 1.4vw !important;
}

.ts-15 {
    font-size: 1.5vw !important;
}

.ts-16 {
    font-size: 1.6vw !important;
}

.ts-17 {
    font-size: 1.7vw !important;
}

.ts-18 {
    font-size: 1.8vw !important;
}

.ts-19 {
    font-size: 1.9vw !important;
}

.ts-20 {
    font-size: 2vw !important;
}

.ts-21 {
    font-size: 2.1vw !important;
}

.ts-22 {
    font-size: 2.2vw !important;
}

.ts-23 {
    font-size: 2.3vw !important;
}

.ts-24 {
    font-size: 2.4vw !important;
}

.ts-25 {
    font-size: 2.5vw !important;
}

.ts-26 {
    font-size: 2.6vw !important;
}

.ts-27 {
    font-size: 2.7vw !important;
}

.ts-28 {
    font-size: 2.8vw !important;
}

.ts-29 {
    font-size: 2.9vw !important;
}

.ts-30 {
    font-size: 3vw !important;
}

.ts-31 {
    font-size: 3.1vw !important;
}

.ts-32 {
    font-size: 3.2vw !important;
}

.ts-33 {
    font-size: 3.3vw !important;
}

.ts-34 {
    font-size: 3.4vw !important;
}

.ts-35 {
    font-size: 3.5vw !important;
}

.ts-36 {
    font-size: 3.6vw !important;
}

.ts-37 {
    font-size: 3.7vw !important;
}

.ts-38 {
    font-size: 3.8vw !important;
}

.ts-39 {
    font-size: 3.9vw !important;
}

.ts-40 {
    font-size: 4vw !important;
}

.ts-41 {
    font-size: 4.1vw !important;
}

.ts-42 {
    font-size: 4.2vw !important;
}

.ts-43 {
    font-size: 4.3vw !important;
}

.ts-44 {
    font-size: 4.4vw !important;
}

.ts-45 {
    font-size: 4.5vw !important;
}

.ts-46 {
    font-size: 4.6vw !important;
}

.ts-47 {
    font-size: 4.7vw !important;
}

.ts-48 {
    font-size: 4.8vw !important;
}

.ts-49 {
    font-size: 4.9vw !important;
}

.ts-50 {
    font-size: 5vw !important;
}

.bold {
    font-weight: bold !important;
}

.italic {
    font-style: italic !important;
}

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

.text-justify {
    text-align: justify;
}

.flex {
    display: flex;
}

.color-white {
    color: white !important;
}