From 465f2698df2cd1c8e6cbf770010283dbb56a92a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nath=C3=A3=20Cazelato?=
 <114589105+Html-Czllt@users.noreply.github.com>
Date: Fri, 26 Jul 2024 20:07:31 -0300
Subject: [PATCH] Update indexf2.css

---
 indexf2.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/indexf2.css b/indexf2.css
index c387c8a..656ea4f 100644
--- a/indexf2.css
+++ b/indexf2.css
@@ -8,27 +8,40 @@ body {
 
 
 header {
-    background-color: #333;
-    color: #fff;
+    background-color: #2c2c2c; /* Fundo de elementos secundários */
+    color: #f5f5f5; /* Texto secundário e cabeçalhos */
     padding: 20px;
     text-align: center;
 }
 
-
 .header-container {
     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;
 }