/*Page Styling*/
body {
    background: black;
}
body, div, table, iframe, img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img {
    max-width: 100%;
    height: auto;
}
#outer {
    display: grid;
    place-items: center;
}
/*Animations & Interaction response*/

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.logo {
    animation: 2s ease-out 0s 1 fadeIn;
}
.link-button {
    opacity: 1;
    animation: 4s ease-out 0s 1 fadeIn;
    transition: opacity 0.2s;
}
.link-button:hover {
    opacity: 0.4;
}