html,body {
    min-height: 100%;
}

body {
    font-family: "Work Sans", sans-serif;
    font-weight: 200;
    background: repeating-linear-gradient(
            130deg,
            #f0f0f0 -150px,
            #f0f0f0 200px,
            #f7bde2 200px,
            #f7bde2 300px,
            #DFDBD5 300px,
            #DFDBD5 700px,
            #C6ECE6 700px,
            #C6ECE6 800px,
            #FEF30A 800px,
            #FEF30A 900px
    );
    font-size: 50px;
    padding: 4rem 2rem;
}
.page {
    max-width: 30rem;
}
img { max-width: 20rem; }
h1 {
    font-size: 1em;
    font-weight: 200;
}
.highlight {
    box-shadow: inset 0 -.5em 0 #fef20a;
    border-bottom: .2em solid #fef20a;
}
ul {
    padding: 0;
}
li {
    margin-top:4em;
    list-style: none;
}
li p {
    margin: .2em;
}
li p a {
    text-decoration: none;
    color: black;
}
li p a:hover {
    text-decoration: underline;
}
li:before {
    height: .2em;
    width: 1.5em;
    display: block;
    background: #5E534C;
    content: '';
}
p {
    hyphens: auto;
    -webkit-hyphens: auto;
}