.github-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: baseline;
    gap: 3rem;
}


.main {
    width: 100vw;
    height: 90vh;
    background: linear-gradient(to top right, #8097ff, #5079ff);
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}


.modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 25vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 5px 5px 2px hsla(0, 0%, 0%, 0.5);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    z-index: 100;
    overflow: hidden;
}


.close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 3rem;
    height: 3rem;
    background: url("/window-close-solid.svg") no-repeat center / cover;
    cursor: pointer;
}

.modal-background {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.image-container {
    display: flex;
    flex-flow: column nowrap;
    overflow: auto;
    gap: 2.5rem;
    width: 25vw;
    height:75vh;
}