body {
    background-color: #222322;
    color: #CCCCCC;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    inset-inline: auto;
}

#wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#wrapper div {
    margin-inline: 2%;;
}

a, a:visited {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #EEEEEE;
    opacity: 50%;
}

a img {
    opacity: 10%;
}

a:hover {
    opacity: 100%;
    transition: opacity 0.2s ease-in-out;
}

a:hover img {
    opacity: 100%;
    transition: opacity 0.2s ease-out;
}

img {
    border: #333433 dotted 1px;
}

div#wrapper p {
    position: relative;
    top: -50%;
    font-size: 3em;
}

footer {
    position: fixed;
    bottom: 0px;
    right: 50px;
}