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

* {
    font-family: "scandia-line-web", sans-serif;
    font-weight: 400;
    font-style: normal;
}

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

.font-semibold {
    font-weight: 700;
}

.font-bold {
    font-weight: 700;
}

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

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

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

.button-add {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

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

/* ====================== GRADIENT ====================== */

.gradient-black {
    background: rgb(17,17,17);
    background: -moz-linear-gradient(180deg, rgba(17,17,17,0) 0%, rgba(17,17,17,0.8995973389355743) 75%);
    background: -webkit-linear-gradient(180deg, rgba(17,17,17,0) 0%, rgba(17,17,17,0.8995973389355743) 75%);
    background: linear-gradient(180deg, rgba(17,17,17,0) 0%, rgba(17,17,17,0.8995973389355743) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
}