.dkn-article{

   
}

.dkn-article p{

    margin:0 0 18px;

}

.dkn-article h2 {
  margin: 20px 0 18px;
  font-size: 34px;
  line-height: 100%;
  font-family: inter;
  color: #fc0;
}

.dkn-article h3{

    margin:35px 0 15px;
    font-size:28px; line-height: 100%;

}

.dkn-article ul{

    margin:20px 0;
    padding-left:25px;

}


.dkn-article ul{
    list-style:none;
    padding:0;
    margin:20px 0;
}

.dkn-article li{
    position:relative;
    padding-left:34px;
    margin:14px 0;
    line-height:1.7;
}

.dkn-article li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#22c55e;
    color:#fff;
    text-align:center;
    line-height:22px;
    font-size:13px;
    font-weight:bold;
}




blockquote{
    border-left:5px solid #D52E3D;
    background:#212837;
    padding:20px 25px;
    margin:30px 0;
    border-radius:8px;
    font-family: courier;
}



















pre{

    background:#f00;

    color:#fff;

    padding:20px;

    border-radius:8px;

    overflow:auto;

}








p {
  font-size: 18px;
  line-height: 150%;
}









.dkn-article img{

    width:100%;

    height:auto;

    border-radius:10px;

    margin:25px 0;

}


.dkn-article table{

    width:100%;

    border-collapse:collapse;

}

.dkn-article td,
.dkn-article th{

    border:1px solid #ddd;

    padding:12px;

}





/*=========================
DIVIDER
=========================*/
.article-divider{

    position:relative;

    margin:45px 0;

    border-top:1px solid #ddd;

}

.article-divider::after{

    content:"";

    position:absolute;

    left:50%;

    top:-4px;

    width:8px;

    height:8px;

    background:#999;

    border-radius:50%;

    transform:translateX(-50%);

}