/**
 * Reset some basic elements
 */
body,
blockquote, pre, hr,
dl, dd, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f1f0ee;
  background-color: #000;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal; }

/**
 * Links
 */
a {
  color: #a1bbf8;
  text-decoration: none; }
  a:visited {
    color: #5a87f3; }
  a:hover {
    color: #f1f0ee;
    text-decoration: underline; }

nav {
  border-bottom: 1px solid #6d6d6d;
  margin: 5px; }
  nav a {
    color: #f1f0ee; }
    nav a:hover {
      text-decoration: none; }
  nav .heading {
    font-size: 30px;
    font-weight: bold; }

footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #6d6d6d;
  margin: 5px; }

section {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px; }

.home h1 {
  font-size: 40px;
  margin-bottom: 40px; }
  .home h1 .subtitle {
    font-size: 20px; }
.home h2 {
  margin-top: 40px;
  margin-bottom: 10px; }

.project-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 10px; }
  .project-list .project-item {
    border: solid 1px #424242;
    margin: 10px;
    padding: 2px; }