.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    cursor: default;
}

/* <LessonCard> */
#lessonCardContainer li {
    margin-bottom: 0.5rem;
}

.lessonCard {
    width: 200px;
    height: 100px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.lessonCard span {
    display: block;
    font-size: 1rem;
}

.lessonCard .grey {
    font-size: 0.85rem; 
    color: #999999; 
    margin-top: -0.1rem;
}
/* </LessonCard> */

/*
.test {
    width: 140px;
}

.test a {
    text-decoration: none;
}
*/
/* <Disabled Card> */
/*
.disabled .learningCard {
    background-color: #222222;
}

.disabled .learningCard span {
    color: #bdbdbd;
}

.disabled .learningCard:hover {
    background-color: #222222;
    cursor: default;
    pointer-events: none;
}

.disabled .learningCard:active {
    background-color: #222222;
}
*/
/* </Disabled Card> */
/*
.learningCard {
    background-color: #161616;
    height: 100px;
    width: 200px;
    border-radius: 6px;
    margin-bottom: 6px;
    border: none;
    font-size: 16px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.learningCard:hover {
    background-color: #181818;
}

.learningCard:active {
    background-color: #202020;
}

.learningCard span {
    color: white;
}
*/
/* </LearningCard> */