body { background-color: #000; color: #fff; font-family: 'Inter', sans-serif; margin: 0; padding: 0; } .content { padding: 40px; max-width: 900px; margin: 0 auto; } .header { text-align: center; margin-bottom: 30px; } .header img { width: 200px; height: auto; } h1 { font-size: 2.5em; margin: 15px 0; } .main { background-color: #1a1a1a; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7); } .m-list { list-style-type: none; padding: 0; } .m-list li { margin: 10px 0; padding: 15px; background-color: #333; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; height: 50px; display: flex; align-items: center; justify-content: space-between; } .m-list li:hover { background-color: #444; } .m-list a { color: inherit; text-decoration: none; display: block; height: 100%; flex: 1; } .faq h2, .faq h3 { color: #00cc66; } .faq h2 { margin-top: 30px; } .faq p { line-height: 1.6; margin: 15px 0; } img { max-width: 100%; height: auto; border-radius: 8px; margin: 30px 0; } .article-box { background-color: #222; padding: 20px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); margin-bottom: 30px; width: 95%; margin-left: auto; margin-right: auto; } .logo-space { text-align: center; margin: 30px 0; } .logo-space img { width: 100%; height: auto; } h1, h2, h3 { color: #22c552; } strong { color: #22c55e; } /* Hide elements with the class 'post-icons' */ .post-icons { display: none; } .banner-text { font-size: 1.8em; font-weight: bold; color: #00cc66; /* Green text color */ text-align: center; margin-bottom: 20px; }