@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    src: url('fonts/EBGaramond-VariableFont_wght.ttf');
    font-weight: 200..700;
}

@font-face {
    font-family: 'EB Garamond';
    font-style: italic;
    src: url('fonts/EBGaramond-Italic-VariableFont_wght.ttf');
    font-weight: 200..700;
}

@font-face {
    font-family: 'Cormorant';
    font-style: normal;
    src: url('fonts/Cormorant-VariableFont_wght.ttf');
    font-weight: 200..700;
}

@font-face {
    font-family: 'Cormorant';
    font-style: italic;
    src: url('fonts/Cormorant-Italic-VariableFont_wght.ttf');
    font-weight: 200..700;
}


h1 {
    font-family: 'Cormorant';
    text-align: center;
    font-style: italic;
    font-weight: 400;
}

h2, h3 {
    font-family: 'Cormorant';
    text-align: left;
    font-weight: 400;
}

body {
    background-color: #FFFFF0; /* Ivory */
    color: #281739; /* Blackcurrant */
    font-family: 'EB Garamond';
}
@media (max-width: 768px) {
    img {
        width: 100vw;
        height: auto;
    }
}