body {
  font-family: 'Open Sans', sans-serif;
  color: rgba(255, 255, 255, 0.78);
  padding: 0;
  margin: 0;
  background-color: rgb(54, 54, 57);
}

main {
  max-width: 100%;
  background-color: rgb(74, 74, 77);
  padding: 1em;
  font-size: 1.2em;
  line-height: 1.5em;
}

@media screen and (min-width: 780px) {
  main {
    max-width: 800px;
    box-shadow: 0px 6px 12px 3px rgba(0, 0, 0, 0.2);
    margin: 1em auto;
    padding: 2.5em;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

a {
  color: rgb(90, 200, 250);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}