/* ============ HEADER ============ */

nav a {
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    background-image: linear-gradient(#ffffff, #ffffff);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease-in-out;
}

nav a:hover,
nav a:focus,
nav a:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

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

.button-main {
    color: #ffffff;
    background-color: #E2001A;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
}

.button-main:hover {
    color: #E2001A;
    background-color: #ffffff;
    transition: 0.3s ease-in-out;
}

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

* {
    font-family: "fenwick", sans-serif;
    font-weight: 300;
    font-style: normal;
}

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

.bg-main {
    background-color: #E2001A;
}

.color-main {
    color: #E2001A;
}

/* ============ SHADOWS ============ */

.shadow-main {
    -webkit-box-shadow: 12px 12px 0px 3px rgba(226, 0, 26, 1);
    -moz-box-shadow: 12px 12px 0px 3px rgba(226, 0, 26, 1);
    box-shadow: 12px 12px 0px 3px rgba(226, 0, 26, 1);
}