body{
  margin:0;
  padding:0;
  font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;
  font-family:Andale Mono,Monaco,Consolas,Ubuntu Mono,monospace;
  font-size:0.8rem;line-height:1.54;
  letter-spacing:-.02em;
  background-color:#0f1216;
  color:#f3f3f3;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";
  font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;
  -webkit-overflow-scrolling:touch;
  -webkit-text-size-adjust:100%
}

a {
  color: #a0a0f0;
}

.container {
  margin: 0 auto;
  width: 80%;
}

nav, footer {
  background-color: #333;
  color: #fff;
  text-align: center;
}

nav {
  display: flex;
  flex-direction: column;
}
nav > a {
  flex: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  nav { flex-direction: row; }
  .project-container { display: flex; }
  .project-container .project-list { width: 20%; }
  .project-container .project { flex: 1; }
}

img {
  max-width: 100%;
  border-style: none;
}