article { max-width: 1000px; margin: 40px auto; background: rgb(0, 0, 0); border: 1px solid #ff0000; border-radius: 12px; padding: 40px 50px; box-shadow: 0 0 15px rgba(255, 255, 255, 0.05); } article h1, article h2, article h3 { color: #ff0000; font-weight: 700; line-height: 1.4; } article h1 { text-align: center; font-size: 2em; margin-bottom: 10px; } article p { margin-bottom: 20px; color: #ffffff; text-align: justify; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size: 16px; } article strong { color: #fff; } article ul, article ol { margin-left: 25px; color: #ffffff; } article ul article li, article ol article li { margin-bottom: 8px; } .breadcrumbs { margin-top: 30px; font-size: 0.9em; color: #aaa; } .breadcrumbs a { color: #ff0000; text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } @media (max-width: 768px) { article { padding: 25px 20px; } h1 { font-size: 1.6em; } h2 { font-size: 1.3em; } }