* {
    margin: 0;
    padding: 0;
    font-family: "Barlow", sans-serif;
    box-sizing: border-box;
}
html {
    font-size: 16px;
    margin: 1rem;
}
body {
    max-width: 1280px;
    margin: 0 auto;
}
h1, h2, p {
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
button, .button {
    border: none;
    background-color: #222;
}
.button {
    color: white;
    padding: .5rem .75rem .6rem;
    text-decoration: none;
    display: inline-block;
    transition: padding-left .5s;
}
.button:hover {
    padding-left: 1rem;
}
span.o {
    /* shift lowercase letter o up to match branding */
    display: inline-block;
    vertical-align: text-top;
    line-height: .8;
}
.nowrap {
    /* the addition of the span above creates ugly linebreaks */
    white-space: nowrap;
}