@font-face {
    font-family: "Kingthings";
    src: url(../../static/fonts/KingthingsTrypewriter2.ttf) format("truetype");
}

body {
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    font-family: "Kingthings", "Lucida Sans Typewriter", "Lucida Console";
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 10rem 0;
    color: white;
}

h1 {
    font-size: 6rem;
}

.container {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(../../static/images/homme-sketch-cropped.png) no-repeat fixed top;
    background-size: cover;
    color: white;
    display: flex;
}

.container:before {
    content: '';
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.block {
    z-index: 99;
    margin: auto;
}