.bookmarks {
    position: fixed;
    top: 0px;
    left: 5em;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2vw;
}

.flex-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    align-content: space-around;
}

.sect {
    padding: 2vw;
}

.white {
    background-color: #FFFFFF;
}

.red {
    background-color: #FF2222;
}

.blue {
    background-color: #2288FF;
}

.green {
    background-color: #22FF22;
}

.yellow {
    background-color: #FFE522;
}

.orange {
    background-color: #FF8822;
}

.purple {
    background-color: #FF22FF;
}

.gray {
    background-color: #AAAAAA;
}