/* Main Page Layout Styling */
html,
body {
    font-size: .9rem;
    height: 100%;
    background: linear-gradient(124deg, #00B398,#2385BF, #5C0F8B, #B21E8E, #FFF200, #ED1A37, #F47D20 );
    background-size: 100% 100%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
}
@media (min-width: 768px) {
    body {
        background-size: 1800% 1800%;
    }
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
.main {
    height: 100%;
    width: 100%;
}

.main-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.main-inner img {
    max-width: 60%;
}

h1, p, a {
    color: white;
}

a:hover {
    color: white;
}
h1 {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom:2rem;
}