html, body {
    height: 100%;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;

    height: 100%;
}

section {
    margin: 10px 0;
}

#logo-section {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-top: 10%;
}

#logo {
    z-index: 1;
    display: inline-block;
    width: 60%;

    animation: 10s logo-intro;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
}

@keyframes logo-intro {
    100% {
        transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
    }
}

#site-name {
    opacity: 50%;
}

#advice {
    font-size: medium;
}

a:link {
    color: red;
}

a:visited {
    color: red;
}


footer {
    margin: auto;
    margin-bottom: 0px;
}