:root {
    --text-color: #222222;
    --font-family-primary: Open_Sans_Regular, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6rem;
    --letter-spacing-base: -.012em;
    --background-color-base: #fbf9f9;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: var(--text-color);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    letter-spacing: var(--letter-spacing-base);
    font-style: normal;
    font-weight: 400;
}

app {
    background-color: var(--background-color-base);
}

/* Logo */
.logo {
    display: block;
    height: 16rem;
    width: 12rem;
    background-image: url('../img/ox_logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

h1,
h2,
h3 {
    margin-top: 0;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #181818;
}