.study-note-menu {
    display: flex;
    gap: 1rem;
    gap: 1.25rem;
    align-items: stretch; 
}

.study-note-menu-link {
    width: 50%;
    display: flex;
}

/* .note-box-link,
.note-box-link:hover  {
    background-color: transparent;
    color: transparent;
    display: inline-block;
    width: 50%;
    display: flex;  
} */

.note-box {
    /* width: 50%; */
    border: 1.5px solid #585a66; 
    border: 2px solid #525867;
    /* border: 2px solid rgb(42 45 57 / 70%);  */
    /* border: 1.5px solid #5f616c;  */
    /* border: 1.5px solid #6d6f7b; */
    border-radius: 12px;
    border-radius: 13px;
    padding: 1rem;
    /* padding: 14px; */
    /* text-align: center; */
    transition: all 0.2s ease;
    display: flex;
    align-items: start;
    gap: 1rem;
    gap: 14px;
    /* color: #47ffbb; */

    /* width: 100%;
    height: -webkit-fill-available; */
}

.note-box:hover {
    /* background-color: #525867;  */
    /* background-color: #3d414f; */
    /* background-color: #404453; */

    /* border: 2px solid #5c6374; */
    /* border: 2px solid #676f82; */
    /* border: 2px solid #47ffbb;
    border: 2px solid rgba(71, 255, 187, 0.75);
    border: 2px solid rgba(71, 255, 187, 0.7);
    border: 2px solid rgba(71, 255, 187, 0.6);
    border: 2px solid rgba(71, 255, 187, 0.5);
    border: 2px solid rgba(71, 255, 187, 0.8);
    border: 2px solid rgba(71, 255, 187, 0.75); */
    /* border: 2px solid rgba(71, 255, 187, 0.85); */
    background-color: rgb(42 45 57 / 30%);
    background-color: rgb(42 45 57 / 50%);
    background-color: rgb(48 50 61 / 50%);
    background-color: rgb(48 50 61 / 60%);

    /* border: 2px solid rgba(71, 255, 187, 0.75); */
    border: 2px solid #646a7a;
    border: 2px solid #686e7f;
    border: 2px solid #6f7586;

    background-color: #333747;
    background-color: #353845;
    border: 2px solid transparent;
}

.note-box i {
    /* color: #bbfde4; */
    color: #b8ffe5;
    color: #47ffbb;
    color: #22ffcc;
    font-size: 2rem;
    font-size: 1.5rem;
    /* font-size: 1.75rem; */
}

.note-box h3 {
    margin-top: .75rem;
    margin-top: 0;
    margin-bottom: .5rem;
    margin-bottom: .425rem;
    color: #e2e5f2;
    /* font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .5px; */
}

.note-box p {
    margin: 0;
    font-size: 10.5px;
    font-size: 10px;
    font-size: 9.5px;
    color: #cfd3e5;
}