:root {
    --gold: #d6a84f;
    --gold-light: #f5d890;
    --anthra-dark: #0e0f0e;
    --brown-medium: #3b2e1e;
    --beige-soft: #8c7040;
    --brown-frame: #2a2116;
    --text-light: #f8f8f8;
}

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--anthra-dark);
    color: var(--text-light);
    font-family: 'Open Sans', sans-serif;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: var(--anthra);
    color: var(--text-light);
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    display: block;
}

button {
    font-family: inherit;
    background: none;
    border: none;
    cursor: pointer;
}

section {
    padding: 2rem 1rem;
}