@font-face {
    font-family: Frelon;
    src: url(Frelon-Regular.woff);
}
body {
    margin: 0;
    padding: 0;
    background: #262626; /* #ede8f7;*/
    font-family: sans-serif;
    color: white;
}
a {
color: #f0e202;
        }
    #nav {
        margin: 0;
        padding: 20px;
        position: fixed;
        width: 131px;
        height: 100%;
        background: black;
        overflow: auto;
        color: #f0e202;
        text-align: center;
        font-family: Frelon, Impact;
        font-size: 11pt;
    }
    #nav>a {
        color: #f0e202;
        text-decoration: none;
    }
    #nav>a:hover {
        text-decoration: underline;
    }
    #nav>img {

    }
    #content {
        margin-left: 171px;
        padding: 0;
        max-width: 70rem;
    }
    h1 {
        background:#8f927d;
        color: #f0e202;
        margin: 0 0 2em 0;
        padding: 0.2em 0.2em 0.2em 1em;
        border-radius: 0px 20px 20px 0px;
        text-shadow: 2px 2px 5px black;
        font-family: Frelon;
        font-size: 16pt;
    }
    h1:before {
        content: "- ";
    }
    .text {
        margin-left: 1em;
        margin-bottom: 2em;
    }
    .parallax_map {
        background-color: transparent;
        background-repeat: none;
        background-image: url(rodinia_banner.png);
        background-attachment: fixed;
        height: 100px;
    }
    .parallax_content {
        width: 1100px;
        margin: 0 auto;
        z-index: 100;
        position: relative;
    }
    table {
        margin: 0 auto;
        padding: 0.5em;
        border: 1px solid #8f927d;
        border-collapse: collapse;
    }
    th {
        border: 1px solid #8f927d;
        color: #f0e202;
        padding: 0.5em;
        text-align: center;
        font-family: Frelon;
    }
    td {
        border: 1px solid #8f927d;
        padding: 0.5em;
        vertical-align: top;
    }
    .classtile {
        text-align: center;
    }
    .classtile>img {
        height: 125px;
        width: 125px;
    }