* {
  border: none;
  margin: 0;
  padding: 0;
}

body {
  font-family: Menlo, Monaco, Consolas;
}

a {
  color: #000;
}
a:hover {
  color: #81D4FA;
}

h2 {
  font-size: 22pt;
}

header div {
  left: 0;
  margin-bottom: 5px;
  padding: 50px 0 15px;
  right: 0;
  text-align: center;
  top: 0;
}

header div h1 {
  font-size: 25pt;
}

.container {
  margin: 35px auto;
  max-width: 600px;
}

@media (max-width: 660px) {
  .container {
    max-width: 90%;
  }
}

.socials {
  overflow: auto;
  text-align: center;
}
.socials a {
  margin: 0 10px;
  text-decoration: none;
}

.section {
  margin: 15px auto;
}
.section h1 {
  margin-bottom: 15px;
}
.section h1,
.section h1 a {
  font-size: 26px;
}

.post-date {
  color: #757575;
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}
.post-title {
  font-size: 17px;
}

.talk {
  list-style-type: none;
  margin: 20px 0;
}

.crumb {
  display: inline-block;
}
.crumb span,
.crumb a {
  color: #9f9f9f;
  font-size: 14px;
  text-decoration: none;
}

.crumb a:hover {
  color: #9f9f9f;
}

.separator {
  margin: 0 10px;
}