#navbar {
    background-color: #777777;
    position: fixed;
    z-index: 1;
    box-sizing: border-box;
    width: 100vw;
    top: 0;
    left: 0;
    overflow: hidden;
    border-right: 0.4vmax solid rgb(196,196,196);
    border-left: 0.4vmax solid rgb(68,68,68);
    border-top: 0.4vmax solid rgb(154,154,154);
}
    #row-top {
    display: flex;
    width: 100%;
    }
        #title-container {
        flex: 65%;
        }
            #title-image {
                display: block;
                image-rendering: pixelated;
                max-width: 100%;
            }
        #link-container {
            flex: 35%;
            display: flex;
            flex-direction: row-reverse;
            overflow: hidden;
        }
            #link-misc-container {
                width: fit-content;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
                .misc-button {
                    cursor: pointer;
                    display: inline-block;
                    -webkit-tap-highlight-color: transparent;
                    font-family: pixel;
                    color: black;
                    background-color: #888888;
                    border-bottom: 0.3vmax solid rgb(110,110,110);
                    border-right: 0.3vmax solid rgb(196,196,196);
                    border-left: 0.3vmax solid rgb(68,68,68);
                    border-top: 0.3vmax solid rgb(154,154,154);
                }
                    .misc-button:hover {
                        background-color: #999999;
                    }
                    .misc-button:active {
                        transform: translateY(2px);
                    }
            .social-button {
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
                box-sizing: border-box;
                background-color: #888888;
                border-bottom: 0.3vmax solid rgb(110,110,110);
                border-right: 0.3vmax solid rgb(196,196,196);
                border-left: 0.3vmax solid rgb(68,68,68);
                border-top: 0.3vmax solid rgb(154,154,154);
            }
                .social-button:hover {
                        background-color: #999999;
                }
                .social-button:active {
                        transform: translateY(2px);
                }
                .social-image {
                        display: block;
                        height: 100%;
                        width: 100%;
                }
    #row-bottom {
    display: flex;
    width: 100%;
    }
        .nav-button {
            cursor: pointer;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            width: 20%;
            background-color: #888888;
            border-bottom: 0.4vmax solid rgb(110,110,110);
            border-right: 0.4vmax solid rgb(196,196,196);
            border-left: 0.4vmax solid rgb(68,68,68);
            border-top: 0.4vmax solid rgb(154,154,154);
            padding: 0;
            outline: none;
            -webkit-tap-highlight-color: transparent;
            font-family: pixel;
        }
            .nav-button:hover {
                background-color: #999999;
            }
            .nav-button:active {
            transform: translateY(2px);
            }
            .nav-button-images {
                object-fit: contain;
                display: block;
                height: 90%;
                max-width: 90%;
                image-rendering: pixelated;
            }