typeface.css

@font-face {
    font-family: "ApfelGrotezk_regular";
    src: url("../typeface/ApfelGrotezk-Regular.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Regular.woff") format("woff");
}

@font-face {
    font-family: "ApfelGrotezk_Brukt";
    src: url("../typeface/ApfelGrotezk-Brukt.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Brukt.woff") format("woff");
}

@font-face {
    font-family: "ApfelGrotezk_Fett";
    src: url("../typeface/ApfelGrotezk-Fett.woff2") format("woff2"),
        url("../typeface/ApfelGrotezk-Fett.woff") format("woff");
}


p {
    font-family: 'ApfelGrotezk_regular';
    font-size: 1.5em;
}

h1 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 60px;
    margin: 20px;

}

h2 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 30px;
    color: black;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

h3 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 60px;
    text-align: center;
    margin: 10px;
}

h4 {
    font-family: 'ApfelGrotezk_regular';
    font-size: 1.5em;
    color: black;
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
}