body {
  font-family: Courier New, Geneva, sans-serif;
  font-size: .8em;
  color: #1E2739;
  margin: 2em;
}

strong {
  font-weight: 600;
}

a {
  text-decoration: none;
  color: #22CCEE;
}

a:hover {
  text-decoration: none;
  color: #1E2739;
}

div {
  line-height: 1.1em;
  margin-bottom: 1.5em;
}

p {
  margin: .5em 0;
}

.maincontainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.whoami, .social, .secondary, .more-info {
  width: 42em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.works {
  width: 42em;
  display: grid;
  grid-template-columns: 3.5em auto;
  grid-template-rows: auto;
}

.works div {
  margin-bottom: 0;
}

.headline {
  grid-column: 1 / span 2;
  height: 1.5em;
}

.headline span {
  text-decoration: underline;
}

.accepted {
  margin-top: .5em;
  grid-column: 1 / span 2;
}