#page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    min-height: 100svh;
    width: 100%;
    /* margin-top: 200px; */
}


/* #region footer */
#footer-container {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    z-index: 100;
}
.footer-item {
    padding: 5px;
    /* margin: 0 10px; */
    font-family: monospace;
    border: 4px solid rgba(255, 255, 255, 0);
    transition: border 0.2s ease-in-out;
    border-radius: 10px;
}
.footer-item:hover {
    /* color: rgb(50, 50, 50); */
    border: 4px solid white;
}
/* #endregion */

@media screen and (max-width: 1000px) {
    #footer-container {
        flex-direction: column;
        position: relative;
    }
}