html {
    position: relative;
}

html, body {
    margin: 0;
    min-height: 100vh;
}

img {
    padding-bottom: 50px;
}

.soon {
    padding-top: 200px;
    font-size: 48px;
}

.index {
    padding-top: 150px;
}

.stats-div h3 {
    max-width: 400px;
}

.ww {
    max-width: 400px;
}

.wmt {
    margin-top: 15px;
}

.w-15 {
    width: 15%;
}

.top-buttons {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.top-buttons h1 {
    margin-bottom: 30px;
}

.top-div {
    padding-bottom: 80px;
}

.form-row, .process, .unshow {
    display: none;
}

.show {
    display: block !important;
}

#choice {
    display: block !important;
}

.top-form {
    width: 35% !important;
}

.stats-div {
    line-height: 5px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.footer-long {
    padding-bottom: 80px;
}

.fade-in {
    animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% {opacity:0;}
    10% {opacity:0.1;}
    20% {opacity:0.2;}
    30% {opacity:0.3;}
    40% {opacity:0.4;}
    50% {opacity:0.5;}
    60% {opacity:0.6;}
    70% {opacity:0.7;}
    80% {opacity:0.8;}
    90% {opacity:0.9;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    10% {opacity:0.1;}
    20% {opacity:0.2;}
    30% {opacity:0.3;}
    40% {opacity:0.4;}
    50% {opacity:0.5;}
    60% {opacity:0.6;}
    70% {opacity:0.7;}
    80% {opacity:0.8;}
    90% {opacity:0.9;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    10% {opacity:0.1;}
    20% {opacity:0.2;}
    30% {opacity:0.3;}
    40% {opacity:0.4;}
    50% {opacity:0.5;}
    60% {opacity:0.6;}
    70% {opacity:0.7;}
    80% {opacity:0.8;}
    90% {opacity:0.9;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    10% {opacity:0.1;}
    20% {opacity:0.2;}
    30% {opacity:0.3;}
    40% {opacity:0.4;}
    50% {opacity:0.5;}
    60% {opacity:0.6;}
    70% {opacity:0.7;}
    80% {opacity:0.8;}
    90% {opacity:0.9;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    10% {opacity:0.1;}
    20% {opacity:0.2;}
    30% {opacity:0.3;}
    40% {opacity:0.4;}
    50% {opacity:0.5;}
    60% {opacity:0.6;}
    70% {opacity:0.7;}
    80% {opacity:0.8;}
    90% {opacity:0.9;}
    100% {opacity:1;}
}

@media (min-width: 300px) and (max-width: 599px){
    .edt-img {
        width: 200px;
    }
}

@media (min-width: 600px) and (max-width: 999px){
    .edt-img {
        width: 400px;
    }
}

@media (min-width: 1000px) and (max-width: 1200px){
    img {
        width: 600px !important;
    }
}

@media (min-width: 1201px) and (max-width: 1350px){
    .edt-img {
        width: 800px;
    }
}

@media (max-width: 1550px){
    .stats-div {
        line-height: 18px;
    }
}