@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
    --main-color: #F5F1EB;
    --secondary-color: #F4D7DA;
    --main-text-color: #1E1E1E;
    --secondary-text-color: #777;
    --link-color: #1E1E1E;
    --hover-color: #777;
    --background-color: #fff;
    --active-color: #999;
    --font-family: 'Helvetica', 'Arial', sans-serif;
}


body, html {
    height: 100%;
    background-color: var(--background-color);
    font-family: Karla, sans-serif;
    font-weight: 400;
    font-size: 20pt;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}
body {
    overflow-x: hidden;
}
.linko {
    text-decoration: none;
    color: var(--link-color);
}
.linko:hover {
    color: var(--hover-color);
}