body
{

}

a { color: #0d1f22; }

.centerAlign
{
    margin: auto;
    align-content: center;
}

.max
{
    min-width: 42em;
}

.marginNone
{
    margin: 0;
    font-family: 'Space Mono', monospace;
    background-color: royalblue;
}

.test
{
    -webkit-text-fill-color: black;
    text-shadow: none;
}

.iconMargin
{
    margin-top: 10px;
}

.coverMargin
{
    margin-left: 20%;
    margin-right: 20%
}

li
{
    display: list-item;
    list-style-type: circle;
}

.listStyle
{
    display: list-item;
    list-style-type: circle;
}

.pageContainer{
    width: 100%;
    height: 100%;
}

.innerContainer{
    margin-left: 10%;
    margin-right: 10%;
}

.pageTitle{
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: left;
}

.titleContainer{
    width: 40%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border-style: solid;
    border-width: 10px;
    border-color: white;*/
    color: #0d1f22;
    margin: 1%;
}

.navigationPane{
    width: 60%;
    height: 15%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 1%;
}

.navigationBox{
    width: 30%;
    height: 80%;
    background-color: #d90429;
    border: solid 5px #0d1f22;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .1s;
}

.navigationBox:hover {
    transform: scale(1.05);
}

.highlightProjects{
    width: 100%;
    height: 55%;
    display: flex;
    flex-wrap: wrap;
    background-color: #515a47;
    margin: 1%;
}

.project{
    align-items: center;
    width: 40%;
    height: 40%;
    fill: #d90429;
    background-color: blue;
    margin: 5%;
}

table{
    width: 100%;
    height: 100%;
    margin: 5%;
}

td{
    width: 40%;
    height: 40%;
    margin: 5%;
}

.pageFooter{
    width: 100%;
    height: 10%;
    background-color: #08415c;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
}

.footerContent{
    color: #01796f;
    display: flex;
}

.footerStyle{
    margin-left: 30px;
}

.logo{
    background-size: contain;
    width: 100px;
    height: 80px;
    background-repeat: no-repeat;
    position: fixed;
    right: 0;
    bottom: 0;
}

.para{
    width: 100%;
}