:root {
    --yellow: #fcd978;
    --main-orange: #f29c52;
    --main-brown: #492d13;
    --link-color: #493d13;
    --home-bg-color: #fff5ed;
}
body {
    font-family: "Outfit", sans-serif;
}
a:hover {
    text-decoration: none !important;
    transition: 0.2s;
}
.bg-img {
    background-image: url(images/hero-bg-pattern.png);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--home-bg-color);
}