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

* {
    font-family: "raleway", sans-serif;
    font-weight: 200;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "the-seasons", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.font-heading {
    font-family: "the-seasons", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
}

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

.text-primary {
    
}

.bg-primary {

}

.text-secondary {

}

.bg-secondary {

}

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

.link-header {
    color: #000000;
    text-decoration: none;
    background-image: linear-gradient(#000000, #000000);
    background-size: 0% 1px;
    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% 1px;
    background-position-x: 0%;
}