body { 
margin:0;
padding:0% 4%;
background:url("bg.jpg");
background-size:100%;
background-blend-mode:darken;
background-position:top;
background-attachment:fixed;
text-align:center;
margin-top:4%;
color:white;
font-family: 'Lato';
font-size:125%;
line-height:140%;
}
.back-bg {
background-color:#000000;
transition:0.2s all linear;
}
img {
width:720px;
max-width:100%;
}
div, p {
box-sizing:border-box;
}
h1 {
font-size:220%;
font-weight:bold;
text-shadow: 2px 6px #5e0303;
line-height:120%;
}
p {
font-family: 'Lato';
max-width:900px;
margin:auto;
}
.main-text {
max-width:768px;
margin:auto;
text-align:center;
margin-top:30px;
margin-bottom:30px;
}
.float-container {
width:100%;
max-width:960px;
margin:auto;
text-align:center;
}
.float {
display:block;
width:50%;
float:left;
padding:2%;
}
.float img {
width:auto !important;
filter:invert(1);
}
.first-image {
max-height:180px !important;
}
.last-image {
max-height:220px;
}
input {
padding:12px;
font-size:120%;
margin:auto;
width:400px;
max-width:90%;
margin-top:10px;
border-radius:10px;
border:2px solid #5e0303;
}
.submit {
background: #2adcd7;
width: 430px;
color: white;
text-shadow: -1px 1px 6px #0b3f25;
border:2px solid #99f6f3;
font-size: 125%;
font-weight: bold;
cursor:pointer;
transition:0.3s all linear;
}
.submit:hover {
background: #16f4ee;
}
.started {
padding: 60px;
background: #0bd4d4b8;
max-width: 960px;
margin: auto;
margin-top: 40px;
margin-bottom: 60px;
border-radius:20px;
}
.highlight {
color:#87edea;
font-size:125%;
}

@media only screen and (max-width: 767px) {
.float {
width:100%;
}
}