/* HEADER */
header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    height: 18.75rem;
    background-image: url("/images/main/HeaderFull.png");
    background-size: 100%;
}
.header_logo {
    display: flex;
    justify-content: center;
    width: 50%;
}
.logo_text {
    width: 70%;
    font-size: 1.375rem;
    font-style: italic;
    text-align: center;
    overflow: visible;
}
.logo_textimg {
    width: 100%;
    margin-bottom: -5%;
}
.logo_cat {
    width: 30%;
    margin-left: -5%;
}
.header_socials {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    gap: 0 3rem;
    width: 30%;
    font-size: 1.375rem;
}

.socials_p {
    text-align: center;
    font-size: 1.5rem;
    width: 100%;
    margin: 0.75rem 0;
}

/* NAV */
nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    height: 9.375rem;
    background-image: url("/images/main/NavFull.png");
    background-size: 100%;
}
nav > a {
    margin: auto;
}

/* BACK */
#back {
    margin: 2rem;
    text-align: center;
}

/* FOOTER */
footer {
    padding: 1rem;
    background-color: var(--coololive)
}