@font-face {
    font-family: "Caveat";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Caveat.woff2) format("woff2"),
        url(../fonts/Caveat.ttf) format("truetype");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Caveat";
}

html,
body {
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
}

h1 {
    font-size: 80px;
}

h2 {
    font-size: 64px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
}

p {
    font-size: 16px;
}

@media (width<768px) {
    h1 {
        font-size: 64px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }
}