@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500&display=swap');

:root {
    --card-width: 180px;
    --card-height: 250px;
}

body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
}

@media (max-width: 640px) {
    :root {
        --card-width: 120px;
        --card-height: 180px;
    }
}