.Article{background-image:url(/logo-2.png);background-attachment:fixed;background-repeat:no-repeat;background-position:50%;padding:70px 0;position:relative;margin-top:100px}.Article:before{content:"";position:absolute;width:100%;top:0;height:100%;background-color:#dbe2efab}.Article .container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:9}.Article .container .title{font-size:40px;font-weight:700;margin-bottom:30px;text-align:center;color:var(--color-title);border-bottom:2px solid var(--color-title);width:fit-content}.Article .container ul li h1 svg{color:#ff0;font-size:40px;margin:0 10px}.Article .container ul li{background-color:var(--text-color);color:var(--color-tow);margin:20px;padding:40px;border-radius:10px;transition:.5s}.Article .container ul li:hover{background-color:#035b03;box-shadow:0 5px 15px rgba(0,0,0,.35)}.Article .container ul li h1{font-size:35px;margin-bottom:30px;color:#ff0;border-bottom:2px solid #ff0;width:fit-content;padding-bottom:20px;font-weight:700}.Article .container ul li p{font-size:25px;line-height:1.7;text-align:justify}@media (max-width:770px){.Article .container ul li{padding:30px 20px}.Article .container .title{font-size:25px}.Article .container ul li h1{font-size:20px;width:100%}.Article .container ul li p{font-size:15px;line-height:1.7;text-align:justify}.Article .container ul li h1 svg{font-size:25px}}