body {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(https://www.kick-in.nl/bundles/idblayout/img/bg-image.jpg);
	background-size: cover;
	font-family: Roboto Condensed, sans-serif;
	background-position: center;
}

body img {
	padding: 20px;
	width: auto;
	max-height: 25vh;
    max-width: 80vw;
}

.container {
	text-align: center;
}

h1 {
	text-transform: uppercase;
	font-size: 36px;
	color: white;
	filter: drop-shadow(3px 3px 3px black);
}

#timer {
    margin-left: auto;
    margin-right: auto;
	font-size: 80px;
	color: white;
	filter: drop-shadow(3px 3px 3px black);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	justify-items: center;
	height: 2em;

}

.face img {
	margin-top: 50px;
}