body {
    color: #252525;
}

.content {
    padding: 28px 36px;
}

.content .nav {
    font-size: 14px;
    font-weight: bold;
    margin: 16px 0px;
    cursor: pointer;
}

.content .article {
    font-size: 12px;
    line-height: 1.8;
}
.content .article p {
    font-size: 16px;
    text-indent: 2em;
}

.content h5 {
    font-size: 13px;
    font-weight: bold;
}

.explain {
    padding: 10px 20px;
    font-size: 14px;
}

.explain img {
    cursor: pointer;
    float: right;
    width: 100%;
    transition:all 0.3s ease
}

.explain img:hover {
    width: 200%;
}

.red {
    background-color: rgb(255, 163, 158)
}

.orange {
    background-color: rgb(255, 169, 64)
}

.yellow {
    background-color: rgb(255, 236, 61)
}

.green {
    background-color: rgb(183, 235, 143)
}

.cyan {
    background-color: rgb(54, 207, 201)
}

.blue {
    background-color: rgb(145, 213, 255)
}

.violet {
    background-color: rgb(211, 173, 247)
}

.pink {
    background-color: rgb(255, 173, 210)
}