@font-face {

    font-family: "Pixel";

    src: 
        local("Pixel"),
        url("../public/fonts/m5x7.ttf");

}

* {

    font-family: Arial, Helvetica, sans-serif;
    
}

h1 {

    font-size: 5rem;

    color: hsl(150, 50%, 10%);

    font-family: "Pixel";

}

h2 {

    font-size: 2.5rem;

    margin: 1rem;

}

h3 {

    font-size: 2rem;
    
}

p, li, span, a {

    font-size: 1.5rem;

    font-weight: 500;

    max-width: 50rem;

}

p {

    margin: 1rem;

}

.center-element {

    margin: 0 auto;

}

.center-text {

    text-align: center;

}

.text-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100vw;

    margin: 1rem 0;

}

.link {

    color: white;

    text-decoration: underline;

}

.link:hover {

    background-color: hsl(1, 50%, 25%);
    
}

.positive {

    color: hsl(150, 50%, 25%);

}

.negative {

    color: hsl(1, 50%, 25%);

}