header {
    border-image: linear-gradient(275deg, red, orange) 1;
    border-style: solid;
    border-width: 0px 3px 3px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    height: 4rem;
}

header nav {
    font-size: 1rem;
    line-height: 2;
}

header nav a {
    border-color: orangered;
    border-style: solid;
    border-width: 2px;
    padding: .4rem 1rem;
    border-radius: 5px;
}

header a {
    text-decoration: none;
    color: whitesmoke;
}

header .sitelogo {
    font-size: 1.8em;
    padding-left: 1em;
    align-items: center;
}

header .middle {
    flex: 1 1 0%;
}

header .sitetext {
    color: orangered;
}

header .socials {
    padding-left: 1rem;
}

.sitewrapper {
    background-color: rgba(20, 20, 20);
    height: auto;
    padding-bottom: 3em;
}