.my-section-box {
    width: 80%;
    margin: 30px auto;
}

.my-aside-title {
    font-size: var(--my-h4-text-size);
    font-weight: bold;
    color: var(--my-primary-color);
    margin-bottom: 7px;
}

/* ======================================================== Aside */
.my-recommendation-card > img {
    transition: 0.5s;
}

.my-recommendation-card:hover > img {
    transform: scale(0.8);
}

.my-recommendation-card > span {
    font-size: var(--my-body-text-size);
    font-weight: bold;
    color: var(--my-secondary-color2);
    padding-right: 5px;
}

.my-recommendation-card > span:hover {
    color: var(--my-secondary-color);
}

.my-category-list {
    padding-right: 15px;
}

.my-category-list > li {
    font-size: var(--my-body-text-size);
    font-weight: bold;
    color: var(--my-color-gray);
    margin-bottom: 5px;
}

.my-category-list > li > a:hover {
    color: var(--my-secondary-color2);
}

/* ======================================================== Content */
.my-paper-container{
    text-align: justify;
    padding: 0 15px;
}

.my-paper-title {
    font-size: var(--my-h2-text-size);
    font-weight: bold;
    color: var(--my-secondary-color2);
}

.my-paper-date {
    font-size: var(--my-body-text-size);
    color: var(--my-color-gray);
}

.my-paper-summary,
.my-paper-content {
    font-size: var(--my-h4-text-size);
    color: var(--my-color-gray);
}

.my-paper-key-words > b{
    font-size: var(--my-h4-text-size);
    color: var(--my-color-gray);
}

.my-paper-key-words > i{
    font-size: var(--my-h4-text-size);
    color: var(--my-color-gray);
}



.my-paper-title,
.my-paper-date,
.my-paper-summary,
.my-paper-content,
.my-paper-key-words{
    margin-bottom: 12px;
}

.my-paper-container b{
    /* color: var(--my-secondary-color); */
    color: var(--my-primary-color);
}