html, body, div {
    margin : 0;
}

html, body {
    width  : 100%;
    height : 100%;
    background-image: url("bg.jpg");
    background-size: cover;
}

body {
    display        : flex;
    flex-direction : row;
}

body > div {
    flex-grow      : 1;
    display        : flex;
    flex-direction : column;
}

div div {
    margin: auto;
    align-self: center;
}

h1 {
    margin      : auto auto 1rem;
    text-align  : center;
    font-family : "JetBrains Mono", monospace;
    font-size: 8rem;
}

h2 {
    margin      : 1rem auto auto;
    flex-grow   : 1;
    text-align  : center;
    font-family : "Leckerli One", cursive;
}