div.body {
    padding: 10px;
}

h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em;
}

.coolnote {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #e3f7ed;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #00C583;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bestpractice {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #e3f7ed;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #00C583;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.reminder {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #e3edf7;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #0038c5;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tip {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #e3edf7;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #0038c5;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.warning {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #f7e3e3;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #c50000;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.restriction {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #f7e3e3;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #c50000;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.important {
    color: rgba(42, 44, 53, 1);
    line-height: 1.6;
    background-color: #f7e3e3;
    border-left-width: 0.3em;
    border-right-width: 0.05em;
    border-top-width: 0.05em;
    border-bottom-width: 0.05em;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-radius: 6px;
    border-color: #c50000;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.note-original {
    color: rgba(42, 44, 53, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    box-sizing: border-box;
    background-color: #e3f7ed;
    border-left-width: 0.3em;
    border-left-style: solid;
    border-radius: 6px;
    border-color: #00C583;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}