body {
    background: #282828;
}

header{
    position: fixed;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
}

#nav_banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    background: #282828;
    clear: left;
}

#logo {
    position: fixed;
    top: 0;
    left: 1%;
    width: 13%;
}

header div a {
    position: absolute;
    left: 25%;
    width: 100%;
    height: 10%;
    font-size: 26pt;
}

#home_button {
    top: 30%
}

#about_button {
    top: 40%
}

#labs_button{
    top: 50%;
}

#portfolio_button {
    top: 60%
}

.link {
    color: #3500D3  ;
}

.link:hover{
    color: #190061;
}

#content_div_1{
    position: absolute;
    left: 15%;
    top: 0;
    width: 85%;
    height: 25%;
    background-color:#0C0032;
}

#discord_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
}

#content_div_1 h1 {
    position: absolute;
    top: 10%;
    left: 25%;
    color: lightslategrey;
}

#content_div_1 p {
    position: absolute;
    top: 60%;
    left: 25%;
    color: lightslategrey;
}

#content_div_2 {
    position: absolute;
    left: 15%;
    top: 25%;
    background-color: rebeccapurple;
    width: 85%;
    height: 25%;
}

#eventsim_img {
    position: absolute;
    top: 20%;
    left: 0;
    width: 15%;
}

#content_div_2 h1 {
    position: absolute;
    top: 10%;
    left: 25%;
    color: lightslategrey;
}

#content_div_2 p {
    position: absolute;
    top: 60%;
    left: 25%;
    color: lightslategrey;
}

#content_div_3 {
    position: absolute;
    left: 15%;
    top: 50%;
    background-color: #240090;
    width: 85%;
    height: 25%;
}