body {
    margin: 8px;
    padding: 4%;
    font-family: 'PixelOperator', monospace;
    background: #0D0106;
    color: #FBFBFF;
    font-size: 15px;
    line-height: 1.6;
}

body {
    display: grid;
    grid-template-rows: 50px 700px;
    grid-template-columns: 1fr 2fr 1fr;
}

main {
    grid-column: 2;
    grid-row: 2;
    padding: 2em;
    max-width: 700px;
    display: block;
}



nav {
    grid-column: 2;
    width: 100%;
    margin: auto;
    
}

nav {
  position: sticky;
  top: 0;
  background-color: #0D0106;
}

nav li {
    display: inline;
    padding: 3%;
}

ul .updates {
    grid-column: 2;
    grid-row: 2;
}

a:link, :visited {
    color:#FBFBFF;
    background-color: #0D0106;
    text-decoration: none;
}


a:hover {
    color:#657ED4;
    background-color: #0D0106;
    text-decoration: none;
}

a:active {
    color:#FF331F;
    background-color: #0D0106;
    text-decoration: none;
}


table, th, td {
    border: 1px dashed;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
    width: 100%;
}