@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
    margin: 0;
    min-width: 250px;
}

/* Header */

nav {
    z-index: 10;
    /* position: fixed; */
    
    display: inline-flex;
    width: 100%;
    height: 10vh;
    /* margin: 0; */

    background-image: linear-gradient(#03001155, transparent);
}

nav #home-btn {
    z-index: 12;
    position: absolute;
    
    width: 100px;
    height: 100px;
    margin: 0em 0.75em 0 0;
    padding: 0;
}

nav #home-btn a img {
    width: auto;
    height: 100%;
    padding: 10%;
}

nav #links {
    position: relative;
    
    width: 100%;
    /* height: 100%; */
}

nav #links ul {
    z-index: 11;
    position: relative;
    transform: translate(0%, -25%);

    display: flex;
    padding: 0;

    justify-content: center;

    list-style-type: none;
}

nav #links ul li {
    display: inline-block;
    margin: 35px 40px;
}

nav #links ul li a {
    text-align: center;

    color: white;
    font-size: calc(1em + .35vh);
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

nav #links ul li:hover {
    font-weight: bold;
    transition: .2s;
}

.media-btns ul {
    z-index: 11;
    position: absolute;
    right: 10px;

    display: block;

    list-style-type: none;
}

.media-btns ul li {
    margin: 10px;
}

.media-btns ul li a img {
    width: 25px;
    height: 25px;
    /* min-width: 25px; */
    /* min-height: 25px; */
    
    padding: 5px;

    background-color: #ffffffd3;
    border-radius: 100%;
    transition: .2s;
}

.media-btns ul li a img:hover {
    background-color: #ffffffff;
    transition: .2s;
}

/* Footer */

footer {
    z-index: -1;
    position: fixed;
    bottom: 0;

    width: 100%;
    height: 10%;
    /* margin: 0; */
    /* padding: 0; */

    background-image: linear-gradient(transparent, #030011aa);
}

footer p {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    text-align: center;
 
    color: white;
    font-family: 'Open Sans', sans-serif;
}