.editor {
    font-family: "San Francisco Pro Display Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #3D4856;
}

.editor h1 {
    font-family: "San Francisco Pro Display Black";
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 110%;
    color: #27AE60;
    margin-bottom: 28px;
}

.editor h2 {
    font-family: "San Francisco Pro Display Bold";
    font-size: 25px;
    margin-bottom: 23px;
    color: #3D4856;
}

.editor p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.editor ol {
    list-style: none;
    counter-reset: item;
 }
 .editor ol li {
    counter-increment: item;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 46px;
    display: flex;
 }
.editor ol li:before {
    margin-right: 10px;
    content: counter(item)". ";
    width: 1.2em;
    display: flex;
    font-family: "San Francisco Pro Display Black";
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 110%;
    text-align: left;
    color: #F2A800;
    position: absolute;
    left: 0;
}