/* ******************************* */
/* *  Header Style sheet         * */
/* ******************************* */

/* -=== Base Element ===============- */

.header {
    width: -webkit-fill-available;
    background: linear-gradient(180deg, var(--color-gredgray) 0%, var(--color-gray-darken-3) 100%);
    border-bottom: 2px solid #000000;
    padding: 10px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
}

/* -=== Logo ===============- */

.header .header__logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.header .header__logo .logo__main {
    margin: 0;
    font-size: 20px;
    font-family: 'Georgia';
    background: -webkit-linear-gradient(#ffffff, var(--color-textgredgray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header .header__logo .logo__description {
    margin: 3px 0 0 0;
    font-size: 10px;
    font-family: 'Georgia';
    font-size: x-small;
    color: var(--color-gray-lighten-3);
}

/* -=== Links ===============- */

.header .header__links {
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}