Update darkambientef1.css

darkambientef1.css

@@ -7,8 +7,8 @@ body {
 }
 
 header {
-    background-color: #2c2c2c; /* Fundo escuro */
-    color: #f5f5f5; /* Texto claro */
+    background-color: #2c2c2c; /* Fundo de elementos secundários */
+    color: #f5f5f5; /* Texto secundário e cabeçalhos */
     padding: 20px;
     text-align: center;
 }
@@ -17,16 +17,30 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    flex-wrap: wrap; /* Adiciona flex-wrap para permitir que os itens quebrem linha */
 }
 
 .logo img {
     border-radius: 50%;
     box-shadow: #002fffad 0px 0px 20px;
-    max-width: 100px;
+    width: 100px;
     height: auto;
     margin-left: 20%;
 }
 
+/* Media query para telas menores */
+@media (max-width: 768px) {
+    .header-container {
+        flex-direction: column; /* Altera a direção do flex para coluna em telas menores */
+        align-items: center; /* Centraliza os itens na coluna */
+    }
+
+    .logo img {
+        margin-left: 0; /* Remove a margem à esquerda */
+        margin-bottom: 20px; /* Adiciona margem inferior para separar a logo dos botões */
+    }
+}
+
 nav {
     text-align: center;
 }