html,
body {
    background: papayawhip;
    font-family: 'Palatino', serif;
    color: #3d3d3d;
    line-height: 1.5;
}

main { padding: 4rem 6rem; }

h1 {
    font-size: 4rem;
    margin: 0;
}

h2 {
    font-size: 2rem;
    opacity: 0.8;
    margin: 0;
    font-weight: normal;
}

ul.social-links {
    margin: 0.5rem -0.5rem;
    padding: 0;
}

.social-links li {
    display: inline-block;
    margin: 0.5rem;
}

.social-links a {
  opacity: 0.5;
  color: #3d3d3d;
}
.social-links a:hover {
  opacity: 1;
  color: inherit;
}


@media only screen and (max-width: 650px) {
    main {
        padding: 1rem;
    }

    h1 {
      font-size: 3rem;
    }

    h2 {
      font-size: 1.5rem;
    }
}