body{
    background-color: #e0e0e0;
    margin: 0;
}

header{
}

footer{
    /* position: fixed; */
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
}

table#nav tr#nav-bar td.nav-item{
    border-radius: 10%;
}
table#nav tr#nav-bar td.nav-item:hover{
    background-color: rgb(121, 129, 151);
}
table#nav tr#nav-bar td.nav-item a{
    padding: 0.5em 0.5em;
    text-decoration: none; /* removes underline */
    color: inherit;
    display: block;
    width: inherit;
    height: fill;
    text-align: center;
}

.page-title{
    font-size: 3em;
}
.subtitle{
    font-size: 1.5em;
}

.social-icon{
    height: 1em;
}

table#nav{
    width: 100%;
    height: 4em;
    border-bottom: 1px solid #000000;
    background-color: rgb(151, 149, 149);
}
table#nav tr#nav-bar{
}
table#nav tr#nav-bar td#nav-icon{
    padding-right: 2em;
}
table#nav tr#nav-bar td#nav-icon img#nav-icon-image{
    height: 4em;
    border-radius: 50%;
}
table#nav tr#nav-bar td#nav-item-current{
    background-color: rgb(121, 129, 151);
}
table#nav tr#nav-bar td#nav-space{
    width: 100%;
}

#name-titles{
    font-size: 1.5em;
    font-weight: bold;
}

#header-content{
    margin: 8px;
}

#page-content{
    margin: 8px;
}

#footer-content{
    /* position: relative; */
    /* top: 0; */
    margin: 8px;
}