/* ============== FONTS ============== */

* {
    font-family: "aesthet-nova", serif;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "forma-djr-text", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}

/* ============== COLORS ============== */

.color-pink {
    color: #EEBDB3;
}

.color-green {
    color: #1e3727;
}

.color-beige {
    color: #f2f0e9;
}

.color-black {
    color: #3a3a3a !important;
}

.bg-pink {
    background-color: #EEBDB3;
}

.bg-green {
    background-color: #1e3727;
}

.bg-beige {
    background-color: #f2f0e9;
}

/* ============== LINKS ============== */

.link-header {
    font-size: 20px;
    color: #3a3a3a;
    text-decoration: none;
    background-image: linear-gradient(#3a3a3a, #3a3a3a);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

/* ============== BUTTONS ============== */

.button-main {
    background-color: #1e3727;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.button-main:hover {
    background-color: #EEBDB3;
}

.button-add {
    background-color: #EEBDB3;
    color: #1e3727;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.button-add:hover {
    background-color: #1e3727;
    color: #ffffff;
}

.button-beige {
    background-color: #f2f0e9;
    color: #1e3727;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.button-beige:hover {
    background-color: #EEBDB3;
}