*{
    font-family: Helvetica, sans-serif;
}
html, body{
	margin: 0;
	padding: 0;
    background-color: black;
    color: white;
	min-height: 100vh;
	height:100%;
	width:100%;
}


/* SET UP GRID */
#pagewrapper{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto;
}
header{
    grid-column: 2;
    grid-row: 1;
}
nav{
    grid-column: 1;
    grid-row: 2;
}
main{
    grid-column: 2;
    grid-row: 2;
}

/* Now do other shit */

nav{
    color: white;
    font-size: 32pt;
    font-weight: bold;
    font-style: oblique;
    text-align: right;
    margin-right: 8pt;
    margin: 0px 8px 0px 0px;
    line-height: 30pt;
}
nav .active{
    font-style: oblique;
}
nav a{
	text-decoration: none;
	color: white;
}

main{
    background-color: #233;
    padding: 16px;
    color: #eee;
    min-width: 40vw;
	max-width: 800px;
}

main h1{
    margin: 0px;
}
main p{
    margin-top: 0px;
}

.active
{
    color: #444
}