:root {    
    --primary-text: #f4e3b8;
    --secondary-text: #000000;
    --secondary-text-acc: #413e38;
}

@font-face {
    font-family: "Niva";
    src: url("../font/Niva-Regular.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "Niva";
    src: url("../font/NivaSmallCaps-Bold.ttf");
    font-weight: bold;
}

* {
    box-sizing: border-box;
    margin: 0px;
}

/* html {
    scroll-behavior: smooth;
} */

body {
    overflow-x: hidden;
    font-size: 18px;
    font-family: var(--secondary-font);
}

h1, h2, h3 {
    font-family: var(--primary-font);
}

a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: .3s;
}
a:hover {
    border-bottom: 1px solid var(--secondary-bg);
}

button {
    font: var(--secondary-text);
    color: var(--primary-text);
    cursor: pointer;
    transition: .2s;
}

button.primary {
    background: var(--primary-bg);
    border: none;
    font-size: 18px;
    padding: 10px 20px;
}
button.primary:hover {
    background: var(--primary-bg-acc);
}

button span {
    display: inline-block;
    padding-left: 10px;
    transition: .3s;
}
button:hover span {
    padding-left: 20px;
}