body{background-color:#191121;background-image: url("blog/poladesignbg.svg");}

.judulartikel {text-align: center;margin:0 auto;max-width: 900px;color:#ffffff;}

.infopenulis{max-width: 245px;margin:0 auto;margin-top:43px;margin-bottom:100px;}

.separatorsection{color:#ffffff;opacity:0.3;}

.menu a{color:#fff;opacity:0.4;}

.paddingphoto{background-color: #000;border:5px solid #000;}

.tanggalmenulis{color:#fff;}

.introartikel{color:#ffffff;opacity:0.9;}

.textartikel{color:#B9B7BC;}

.textartikel img {
    width: 100%;
    display: block;
    margin: 30px 0px 40px;
    border-radius: 10px;
}


.quotes {
    font-weight: 300;
    font-size: 30px;
    line-height: 42px;
    color: #121212;
    padding: 0px 0px 0px 40px;
    border-left: 6px solid #ffffff;
    margin: 60px 0px;
    color:#B9B7BC;
}

.container{max-width: 1040px;}

.paddingright40{padding-right: 32px;}

.paddingleft40{padding-left: 32px;}

.image{text-align: center;padding:80px 80px 0px 80px;}

.image img{max-width:1360px;width: 100%;}

.line{border-bottom:1px solid rgba(255,255,255);margin:80px 0px;}

.numbertips{font-weight: 500;font-size: 30px;line-height: 30px;letter-spacing: 0.5px;color: #FFFFFF;opacity: 0.2;}

.titletips{font-weight: 600;font-size: 55px;line-height: 65px;letter-spacing: 0.5px;color: #FFFFFF;max-width:800px;margin-top:40px;}

.desctips{font-size: 20px;line-height: 35px;font-weight: 200;letter-spacing: 0.3px;color: #ffffff;opacity: 0.7;margin-top: 40px;max-width: 800px;}

.buttonplugin{
    display: block;
    padding:50px 0px;
}


.buttonplugin img{
    max-height:50px;
    margin-left: 30px;
}

.buttonplugin a {
    background: #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000;
    padding: 20px 70px;
    text-decoration: none;
}

.example{margin-top:80px;}

.imageexample{width:100%;}

.titleexample{font-weight: 500;font-size: 18px;line-height: 24px;letter-spacing: 0.5px;color: #FFFFFF;margin-bottom:16px;}

.descexample{font-weight: 200;font-size: 14px;line-height: 24px;letter-spacing: 0.5px;color: #FFFFFF;opacity: 0.6;padding:0px 0px 32px 0px;border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom:40px;}

.descexample span{opacity: 1 !important;}

.boxexplain{padding-left:40px;}

.separatorinvincible{
    height:80px;
    display: none;
}

.textapplause{
    text-align: center;
    color:#ffffff;
    font-size: 20px;
    opacity: 0.7;
    font-weight: 300;
}
.buttonapplause .count{
    color:#ffffff;
    margin-top:-15px;
}

@media only screen and (max-width: 1200px) {
    .infopenulis {
        margin-bottom:40px;
    }
    .container{
        padding:0px 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .container{
        max-width: 960px;
    }
}

@media only screen and (max-width: 960px) {
    .container{
        max-width: 900px;
    }

    .displaynone960{display:none;}
    
}

@media only screen and (max-width: 768px) {
    

}

@media only screen and (max-width: 767px) {
    .paddingright40{padding-right: 0px;}
    .paddingleft40{padding-left: 0px;}

    .image{text-align: center;padding:60px 40px 0px 40px;}
    .titletips{font-size: 36px;line-height: 46px;}
    .boxexplain{padding:40px 0px 0px 0px;}
    .example2{margin-top:20px;}
    .noborder{border:0px;}
    .example{margin-top:40px;}
    .separatorinvincible{height:40px;display: block;}
    .descexample{margin-bottom:0px;padding-bottom:20px;}
    .line{margin:40px 0px;}
}

@media only screen and (max-width: 414px) {
    .container{
        padding:0px 20px;
    }
    .judulartikel {
        text-align: left !important;
    }
    .infopenulis {
        margin: 0px;
        margin-top: 43px;
        margin-bottom: 40px;
    }
    .image{text-align: center;padding:40px 20px 0px 20px;}

    .line{margin:40px 0px;}

    .titletips{margin-top:20px;}

    .example{margin-top:40px;}

    .boxexplain{padding:20px 0px 0px 0px;}

    .titleexample{margin-bottom:8px;}

    .descexample{margin-bottom:0px;padding-bottom:20px;}

    .separatorinvincible{height:40px;display: block;}

    .buttonplugin img{
        max-height:50px;
        margin-left: 0px;
        margin-top:40px;
    }

}