@font-face {
	font-family: "Mona Sans";
	src: url("../assets/fonts/Mona-Sans.woff2") format("woff2 supports variations"), url("../assets/fonts/Mona-Sans.woff2") format("woff2-variations");
	font-weight: 200 900;
	font-stretch: 75% 125%;
	unicode-range: U+0000-00FF, U+0100-024F;
}
@font-face {
    font-family: "Rubik";
    src: url("../assets/fonts/Rubik.ttf") format("truetype");
    font-weight: 200 900;
    font-stretch: 75% 125%;
	unicode-range: U+0000-00FF, U+0100-024F;
}
@font-face {
    font-family: "IBM Plex Sans";
    src: url("../assets/fonts/IBMPlexSans.ttf") format("truetype");
    font-weight: 200 900;
    font-stretch: 75% 125%;
}
body {
	font-family: "Rubik", "IBM Plex Sans", "Mona Sans", sans-serif;
    margin: 0;
    color: black;
    background-color: white;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#wrapper {
    margin: 125px 25px 125px 25px;
    display: flex;
    flex-direction: column;
    width: 600px;
}
.big-title {
    font-size: 35px;
    font-weight: 800;
    font-stretch: ultra-expanded;
    align-self: center;
    text-align: center;
    margin-bottom: 30px;
}
.title {
    font-size: 25px;
    font-weight: 700;
    font-stretch: ultra-expanded;
    margin: 20px 0 0 0;
}
.small-paragraph {
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 10px 0;
}
.paragraph {
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 10px 0;
}
.center-text {
    text-align: center;
}
.greyed {
    color: #7c7c7c;
}
.slim {
    font-weight: 300;
}
.extra-slim {
    font-weight: 200;
}