/* css styles */

body{
    background-color: #bac2ba;
    color: black;
}

header {
    content:url("./images/thelandofaud_banner.jpg");
    height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(.215 * 100vw);
}​

main {
    margin-left: 10vw;
}

.navbar {
    visibility:  hidden;
}

.navbar img{
    height: 300px;
}

#avatar {
    position: absolute;
    top: calc(.18 * 100vw);
    left: 20px;
    margin: 0;
    padding: 0;
    z-index: 10000;
    width: 20vw;
}

#links {
    text-align: justify;
    position: relative;
    font-size: 22pt;
    left: calc(0.087 * 100vw);
    margin: auto;
    min-width: 50%;
    max-width: 60%;
    margin-top: 2em;
}

#links a {
    color: black;
    text-decoration: none;
    font-weight: 500;
}

#links img {
    color: black;
    text-decoration: none;
    font-weight: 500;
    width: 1em;
    margin-top: -.15em;
    margin-right: .2em;
}