Hello world!

/* Garantindo que apenas o #comments-section seja afetado */ #comments-section { font-family: 'Montserrat', sans-serif; max-width: 600px; margin: auto; padding: 20px; background: white; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } /* Título */ #comments-section h5 { font-size: 18px; color: #333; font-weight: 600; margin-bottom: 20px; } /* Lista de Comentários */ #comments-section .comment-list { list-style: none; padding: 0; } /* Caixa de Comentário */ #comments-section .comment { background: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 10px; border-left: 5px solid #ff6600; } /* Nome do Autor */ #comments-section .comment strong { font-size: 18px; color: #222; } /* Texto do Comentário */ #comments-section .comment p { font-size: 16px; color: #555; margin: 5px 0; } /* Data do Comentário */ #comments-section .comment-date { font-size: 14px; color: #888; } /* Estilização do Formulário */ #comments-section #comment-form { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; } /* Campos do Formulário */ #comments-section #comment-form input, #comments-section #comment-form textarea { font-family: 'Montserrat', sans-serif; font-size: 14px; width: 100%; padding: 10px; border: 2px solid #a3d9a5; border-radius: 5px; transition: border 0.3s; } /* Efeito ao Focar nos Campos */ #comments-section #comment-form input:focus, #comments-section #comment-form textarea:focus { border: 2px solid #a3d9a5; outline: none; } /* Botão de Envio */ #comments-section #comment-form button { font-family: 'Montserrat', sans-serif; background: #a3d9a5; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s; } /* Efeito Hover no Botão */ #comments-section #comment-form button:hover { background: #d4af37; }