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: 70%;
    background-color:#0C0032;
}

body div h1{
    position: absolute;
    left: 35%;
    font-size: 32pt;
    color: lightslategray;
}

body div p {
    color: lightslategray;
    width: 100%;
    font-size: 24pt;
    position: absolute;
    top: 20%;
    left: 35%;
}
#text_div{
    position: absolute;
    left: 15%;
    top: 15%;
    width: 60%;
    height: 85%;

}

#text_div p {
    color: lightslategray;
    width: 100%;
    font-size: 24pt;
    position: absolute;
    top: 0;
    left: 0;
}

#content_div_2 {
    position: absolute;
    left: 15.5%;
    top: 70.1%;
    background-color: rebeccapurple;
    width: 42.5%;
    height: 60%;
}

#content_div_3 {
    position: absolute;
    left: 57.5%;
    top: 70.1%;
    background-color: #240090;
    width: 42.5%;
    height: 60%;
}