body {
background: #666;
color: #444;
padding: 0;
margin: 0;
}
section {
min-height: 94vh;
display: flex;
flex-direction: rows;
place-items: center;
text-align: center;
padding: 10vh;
box-sizing: border-box;

}
svg {
    height: 48vw;
    width: 50vw;
    margin: 0 auto;
    overflow: none;
}
.yellow {
background: #ffd920;
color: #444;
}
.dark {
background: #444;
color: #ffe020;
}
h1, h3, h5 {
margin: 0 auto;
font-family: 'Ranchers', sans-serif;
text-align: center;
letter-spacing: .06em;
}
h1 {
font-size: 6vw;
}
h3 {
font-size: 4vw;
max-width: 60vw;
}
h5 {
font-size: 3vw;
}
h1 em, h3 em, h5 em {
display: block;
font-size: 2em;
line-height: 1.4em;
letter-spacing: 6px;
color: #222;
}
.dark h1 em, .dark h3 em, .dark h5 em {
color: #ffb400;
}