body{
    color:rgb(0, 39, 76);
    background-color:rgb(0, 39, 76);
    width: 100%;
    text-align: center;
}
#toolbar{
    top:0;
    left:0;
    position: fixed;
    height: 40pt;
    width:100%;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 18px;

    border-bottom-width: 5pt;
    border-bottom-style: solid;

    color:rgb(245, 245, 240);
    background-color: rgb(17, 17, 17);
    border-bottom-color: rgb(255, 203, 5);

    display: block;


}
#toolbar ul{
    position: relative;
    list-style-type: none;
    margin:0;
    padding:0;
}
#toolbar li{
    padding:15px;
}
#pagelink{
    font-weight: normal;
    color: white;
    text-decoration:none;
}
#pagelink:hover{
    color: rgb(255, 203, 5);
}

#intro{
    color:rgb(0, 39, 76);
    border-right-width: 5pt;
    border-right-style: solid;
    border-right-color: white;

    border-left-width: 3pt;
    border-left-style: solid;
    border-left-color: white;

    min-width:800px;
    height: auto;
    width: 100%;
    background-color: rgb(255, 203, 5);
    display: block;
}

#intro p{
    color:rgb(0, 39, 76);
    margin-right: 30pt;
    margin-left: 30pt;
}

#about{
    color: rgb(255, 203, 5);
    min-width: 800px;
    max-width: 2000px;
    height: auto;
    width: 100%;
}

#about p {
    color: rgb(255, 203, 5);
    margin-right: 30pt;
    margin-left: 30pt;
}

#projects{
    color:rgb(0, 39, 76);
    border-right-width: 5pt;
    border-right-style: solid;
    border-right-color: white;

    border-left-width: 3pt;
    border-left-style: solid;
    border-left-color: white;

    min-width:800px;
    height: auto;
    width: 100%;
    background-color: rgb(255, 203, 5);
    display: block;
}
.heading{
    text-align:left;
    margin-left:10pt;
    color:rgb(0, 39, 76);
}
.subheading{
    color:rgb(0, 39, 76);
    text-align:left;
    margin-left:30pt;
    width: 93%;
}
#project p{
    color:rgb(0, 39, 76);
    margin-right: 30pt;
    margin-left: 30pt;
}

#contacts{
    color: rgb(255, 203, 5);
    height: 100pt;
    width: 100%;
}

#courses{
    color: rgb(255, 203, 5);
    height: auto;
    width: 100%;
    max-width: 2000px;
}

.classname{
    color: rgb(255, 203, 5);
    text-align:left;
    margin-left: 15pt;
}

.classdescription{
    color: rgb(255, 203, 5);
    text-align:left;
    margin-left: 30pt;
    width: 95%;
}

a.offset{
    scroll-margin-top: 17px;
}

#work{
    color:rgb(0, 39, 76);
    border-right-width: 5pt;
    border-right-style: solid;
    border-right-color: white;

    border-left-width: 3pt;
    border-left-style: solid;
    border-left-color: white;

    min-width:800px;
    height: auto;
    width: 100%;
    background-color: rgb(255, 203, 5);
    display: block;
}

#logo{
    text-align:center;
}
.logocontainer{
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    height:50px;
    width:50px;
    padding-left: 5px;
    border-radius: 15px;
}
.logocontainer img{
    height:50px;
    width:50px;
    border-radius: 10px;
}
.socials{
    text-align:center;
}