@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,600,700");
html,
body {
  background: #121212;
  color: #fff;
  font: 16px/1.5 'IBM Plex Mono';
}
body {
  padding: 2rem;
}
main {
  margin: 0 auto;
  max-width: 50em;
}
p {
  line-height: 2;
}
header {
  display: flex;
  align-items: center;
}
header nav {
  margin-left: 3em;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
header nav a {
  transition: all 100ms;
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 1em;
}
header nav a:hover {
  background: #fff;
  color: #000;
  transform: rotate(5deg) scale(1.5);
}
header h1 {
  margin: 1rem 0;
  font-size: 5rem;
}
header h1 a{
  text-decoration: none;
  color:inherit;
}
:selection {
  background: #f0f;
}
html {
  height: 100%;
}
body {
  min-height: 95%;
}