:root {
    --font-family: 'b612';
    --font: 'b612', sans-serif;
}

@font-face {
    font-family: 'b612';
    src: url('fonts/b612-regular.ttf') format('truetype');
}

body {
    font-family: var(--font);
    color: #1D134E;
    background-color: #F7F7FB;
}

img {
    max-width: 500px;
}

header h1 {
    font-size: 3em;
}

blockquote {
    background-color: #CCC7E2;
    color: #050214;
    padding: 1em;
}

footer {
    font-size: 0.75rem;
    font-weight: 400;
    text-align: center;
    padding-top: 1em;
}

.main {
    text-align: center;
    align-self: center;
}

.content {
    text-align: left;
    max-width: 650px;
    width: auto;

    display: block;

    margin: 27px auto;
}