@font-face {
    font-family: "Overused Grotesk";
    src: url("/fonts/OverusedGrotesk-VF.woff2") format("woff2 supports variations"), url("/fonts/OverusedGrotesk-VF.woff2") format("woff2-variations");
    font-weight: 300 900;
}

@font-face {
    font-family: "Playfair Display";
    src: url("/fonts/PlayfairVariableFont.ttf") format("woff2 supports variations"), url("/fonts/PlayfairVariableFont.ttf") format("woff2-variations");
    font-weight: 300 900;
}

@font-face {
    font-family: "Playfair Display";
    src: url("/fonts/PlayfairItalicVariableFont.ttf") format("woff2 supports variations"), url("/fonts/PlayfairItalicVariableFont.ttf") format("woff2-variations");
    font-weight: 300 900;
    font-style: italic;
}

/* Reset default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-family: "Overused Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    letter-spacing: -3%;
}

/* Remove list styles */
ul, ol {
    list-style: none;
}

/* Remove default button styles */
button {
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
}

/* Make images responsive */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Remove text decoration from links */
a {
    text-decoration: none;
    color: inherit;
}

/* Improve text rendering */
html {
    -webkit-text-size-adjust: 100%;
}