.linkDisplaySection {
    z-index: 100;
    position: fixed;
    display: flex;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

.linkDisplayUL {
    display: flex;

    flex-direction: column;
    width: 100%;
    height: 30vh;
    border-radius: var(--Size-004) 0 0 var(--Size-004);
    background-color: var(--TransPartColor);
    box-shadow: var(--BoxShowdows-001);

    /* justify-content: space-evenly; */
    align-items: center;
    text-align: center;

    scroll-behavior: smooth;
    overflow-y: scroll;

    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

.linkDisplayUL::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
}

.linkDisplayUL li a {
    display: flex;
    flex-direction: column;
    color: var(--Brand-Color-003);
    fill: var(--Brand-Color-003);

}

.linkDisplayUL li {

    display: flex;
    width: 100%;
    margin-top: var(--Size-001);
    /* margin-bottom: var(--Size-001); */
    min-height: var(--Size-010);
    max-width: 80px;
    padding: var(--Size-002);
    border-radius: var(--Size-008) 0;
    list-style: none;

    justify-content: space-evenly;
    align-items: center;
    text-align: center;

    font-size: var(--Size-003);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.074);

}


.linkDisplayUL li:hover,
.linkDisplayUL li a:hover {
    font-size: var(--Brand-Color-005);
    color: var(--Brand-Color-001);
    fill: var(--Brand-Color-001);
}

.DisplayLogo {
    width: 200px;
}

/* Mobile Use  950px */
@media screen and (max-width: 771px) {
    .linkDisplaySection {
        visibility: hidden;
    }
}