.article{padding:20px;flex-basis:800px;flex-grow:2;font-size:20px}.article h2{background-color:#D5E4FF;color:#0000FF;border-radius:30px;overflow:hidden;position:relative;padding:20px 20px 20px 100px;margin:30px 0;font-size:28px}.article h2:before{content:"";background-image:url(/blog/Article/shapemodern.svg);position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;background-repeat:no-repeat;scale:.9;z-index:20}.article p{margin:10px 0}.article h3{font-size:24px;margin-top:30px}.article ol,.article ul{margin:40px 30px 10px;padding-left:20px}.article ul{list-style:disc}.article ol{list-style:decimal}.article li{margin:10px 0}@media (max-width:720px){.article{padding:10px;font-size:16px;flex-basis:auto}.article h2{font-size:22px;padding:10px 20px 10px 40px;margin:20px 0;line-height:30px}.article h2:before{left:-20px}.article h3{font-size:20px}.article ol,.article ul{margin:30px 16px 10px;padding-left:16px}.article li{font-size:15px}}