body, html {
	height: 100%;
}
h1 {
	font-family: Impact, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: white;
	text-shadow: 5px 5px 10px black;
}
body {
  background: url(/static/img/forest.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  background-position: center;
}
#midcontainer {
	height: 300px;
	text-align: center;
    position: relative;
    top: 70%;
    transform: translateY(-70%);
}
#topcontainer {
	text-align: center;
    position: relative;
    top: 70%;
    transform: translateY(-70%);
	margin-top: 100px;
}
#logo {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 8em;
	font-style: italic;
	text-shadow: 5px 5px 10px black;
	color: #fff;
	margin: auto;
	text-align: center;
}
#groupinput {
    font-size: 2em;
    font-family: Impact, Charcoal, sans-serif;
	text-align: center;
}
#auth {
	margin: auto;
	margin-top:1em;
	text-align: center;
}
#stats {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	color: white;
	text-align: left;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.6);
}
#stats th {
	border-bottom: 3px solid #666;
	padding: 0.5rem;
	font-weight: normal;
	text-shadow: 5px 5px 10px black;
}
#stats td {
	border-bottom: 1px solid #666;
	padding: 0.5rem;
	font-weight: normal;
	text-shadow: 5px 5px 10px black;
}
input {
	text-align: center;
	font-size: 1.5rem;
	font-family: Impact, Charcoal, sans-serif;
}
.footer {
	text-align: center;
	position: fixed;
	top: calc(100vh - 50px);
	width: 100%;
}

#attestupet {
	color: inherit; 
	text-decoration: inherit;
}