@font-face {
    font-family: "Children Sans";
    src: url("/Assets/fonts/Children Sans.ttf");
}
@font-face {
    font-family: "Honey Crepes";
    src: url("/Assets/fonts/Honey Crepes.ttf");
}
@font-face {
    font-family: "Black Signature";
    src: url("/Assets/fonts/BlackSingature.ttf");
}
* {
    font-family: "Children Sans", "Consolas", sans-serif;
}
h1, h2, h3 , h4{
    font-family: "Honey Crepes", "Consolas", sans-serif;
    margin-top: 0.4em;
    margin-bottom: 0.2em;
}
#user-text {
    font-family: "Black Signature", "Consolas", sans-serif;
    font-size: 4rem;
    margin-top: -0.1em;
    margin-bottom: -0.25em;
}
#tiny-font {
    font-size: 0.5em;
}
h1{
    font-size: 4rem;
}
h2{
    font-size: 3.2rem;
}
h3 {
    font-size: 2.4rem;
}
h4 {
    font-size: 1.6rem;
    margin-bottom: 0em;
}
p {
    font-size: 1rem;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
ul {
    text-align: left;
}
ul li {
    font-size: 0.85rem;
}
.side-separator{
    font-size: 0.8rem;
    margin-top: 0em;
    margin-bottom: 0em;
}
a {
    align-self: flex-start;
}
a:link {
    color: black;
}
a:visited {
    color: rgb(73, 16, 16);
}
a:active {
    color: red;
}