/* Quick and dirty ^^ */
:root {
            --smaller: .55;
        }

        * {
            box-sizing: border-box;
            margin: -2px;
            padding: 0;
        }

        html,
        body {
            height: 100%;
            overflow: hidden;
            margin: 0;
        }

       	body {
			align-items: center;
			background-image: url(/images/background.png);
			background-position: 50% 85px;
			background-color: black;
			background-size: contain;
			background-repeat: no-repeat;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			padding: 1rem;
		}

        .container {
            color: #fff;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 30%;
	    font-size: smaller;
        }

        h1 {
            font-weight: normal;
            letter-spacing: .125rem;
            text-transform: uppercase;
        }

        li {
            display: inline-block;
            font-size: 1.5em;
            list-style-type: none;
            padding: 1em;
            text-transform: uppercase;
        }

        li span {
            display: block;
            font-size: 4.5rem;
        }

        @media all and (max-width: 768px) {
            h1 {
                font-size: calc(1.5rem * var(--smaller));
            }

            li {
                font-size: calc(1.125rem * var(--smaller));
            }

            li span {
                font-size: calc(3.375rem * var(--smaller));
            }
        }