style.css

* {
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
}

/* Add styles here! */

html {
    height: 100%
}

body {
    min-height: 100%;
    background-color: hsl(0deg, 0%, 60%) ;
}
header {
    background-color: white;
}
main {
    border-top: 8px solid hsl(0deg, 0%, 40%);
    margin: 0 auto;
    height: 10rem;
}

.max-width-wrapper {
    max-width: 768px;
    margin: 0 auto;
}

.intro-chunk {
    max-width: 50%;
    padding: 64px 0 48px 24px;
}

.intro-chunk h1 {
    margin-bottom: 24px;
    font-size: 1.5rem;
}

.intro-chunk strong {
    color: hsl(160deg, 100%, 30%)
}

.indented-heading {
    padding: 16px 16px 16px 32px;
    margin-left: -32px;
    background-color: hsl(45deg, 100%, 50%);
    border-bottom: 8px solid hsl(45deg, 100%, 40%);
    margin-top: 0px;
    max-width: 75%;
}
.indented-heading h2 {
    font-size: 1.5rem;
}

.card {

    background-color: hsl(0deg, 0%, 100%);
    padding: 8px 16px 16px 24px;
    margin-top: 64px;
    border-bottom: 8px solid hsl(0deg, 0%, 40%);
}