@font-face {
    font-family: 'EngineerHand';
    src: url('/fonts/EngineerHand.ttf');
}

@font-face {
    font-family: 'Cyanotype';
    src: url('/fonts/Cyanotype.ttf');
}

html, body {
    height: 100%;
}

h1 {
    font-family: 'EngineerHand';
    font-size: 8rem;
    margin: 1rem 0 0 0;
}

footer {
    font-family: 'Cyanotype';
}

div.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

img.hero {
    max-height: 500px;
}