html, body {
margin: 0 0 0 0;
padding: 0 0 0 0;

min-height: 100%;
}
body {
font-family: 'Encode Sans', sans-serif;

background-color: #000000;

color: #ffffff;

font-size: calc (100%+2vw);
font-size: 2.5vmin;

overflow-x: hidden;
}
h1 {
font-family: 'Lato', sans-serif;
text-align: center;
font-weight: bold;
font-size: 6.4vmin;
color: #fff;

font-size: x-large;
}
h2 {
	font-family: 'Lato', sans-serif;
	text-align: center;
	font-weight: bold;
	
	margin: 0 0 0 0;
}
a {
text-decoration: none;
color: #345A9E;
}

#wrapper {
padding: 0 0 0 0;
margin: 0 0 0 0;

position: absolute;
top: 0%;
left: 0%;
width: 100vw;
min-height: 100vh;
}

#background-image {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;

z-index: -1;

}
#background-image img {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;

min-width: 50%;
min-height: 50%;

margin: auto;
}

.justify {
text-align: justify;
}
.huge-stat {
font-size: 12.0vmin;
}
.big-stat {
font-size: 7.0vmin;
}
.huge-text {
font-size: 6.5vmin;
}
.big-text {
font-size: 4vmin;
}
.normal-text {
font-size: 2vmin;
}
.small-text {
font-size: 1.5vmin;
}

#section-banner {
color: #fff;
background-color: #345A9E;
padding: 1% 0% 1% 0%;
height: 4vh;
font-size: 1.4vmax;
}

#group-header {
color: #000;
background-color: #fff;

width: 68vw;

margin: 0 0 0 0;
padding: 0% 16% 0% 16%;
}
#section-intro {
padding-top: 2%;

text-align: center;
}
#section-controls {
width: 100%;
}
#section-stats {
color: #000000;

padding: 3% 0% 8% 0%;
}
#section-detail {
width: 100%;
padding: 6% 0% 4% 0%;
clear: both;
}
#section-links {
padding-bottom: 4%;
}

#section-info {
clear: both;
width: 68vw;

color: #fff;
text-shadow: 0px 0px 12px #000000;

padding: 2% 16% 3% 16%;
}

#section-crypto {
background-color: #fff;
color: #000;

width: 84vw;
padding: 4% 8% 4% 8%;
}

#section-ideas {
background-color: #345A9E;
color: #fff;

width: 68vw;
padding: 4% 16% 4% 16%;
}

#section-credits {
background-color: #8D7263;
color: #fff;
width: 84vw;
padding: 1% 8% 1% 8%;
text-align: center;
}
#section-credits a {
color: #fff;
}

.power-choice {
float: left;
width: 20%;

text-align: center;
background-color: #8D7263;

color: white;
font-weight: bold;
}
.power-choice:hover {
background-color: #345A9E;
}
.power-start {
background-color: #345A9E;
}

.stat-opt {
float: left;
width: 35%;
border-left: solid thin black;
padding-left: 4%;
}

.opt {
background-color: #8D7263;
border: solid medium #8D7263;
color: #ffffff;

float: left;
width: 19%;
}
.opt a {
color: #ffffff;
font-weight: bold;

}