From e1f43ceeebd69ca797b656c1595787428c406e74 Mon Sep 17 00:00:00 2001
From: Bruno Silva Sette <brunosilvasette@gmail.com>
Date: Thu, 19 Sep 2024 13:01:55 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=20Update=20index.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 56 ++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 42 insertions(+), 14 deletions(-)
diff --git a/index.html b/index.html
index d4f1581..ef4a8e0 100644
--- a/index.html
+++ b/index.html
@@ -6,46 +6,74 @@
     <meta name="description" content="Portfolio of Bruno Silva Sette, Data Scientist.">
     <title>Bruno Silva Sette | Data Scientist</title>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Roboto', sans-serif;
             margin: 0;
             padding: 0;
             background-color: #f4f4f4;
             color: #333;
         }
+
         header {
-            background-color: #333;
+            background: linear-gradient(135deg, #4a90e2, #50b0c4);
             color: #fff;
-            padding: 20px;
+            padding: 40px 20px;
             text-align: center;
+            position: relative;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         }
+
+        header .logo {
+            width: 60px;
+            height: 60px;
+            border-radius: 50%;
+            background-color: #fff;
+            display: inline-block;
+            margin-bottom: 15px;
+            background-image: url('https://via.placeholder.com/60'); /* Substituir por um ícone ou logotipo */
+            background-size: cover;
+        }
+
+        header h1 {
+            font-size: 2.5em;
+            margin: 10px 0;
+            font-weight: 700;
+            letter-spacing: 1px;
+        }
+
+        header p {
+            font-size: 1.2em;
+            margin: 0;
+            font-weight: 400;
+            opacity: 0.85;
+        }
+
         .container {
             max-width: 800px;
-            margin: 20px auto;
+            margin: 40px auto;
             padding: 20px;
             background-color: #fff;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         }
-        h1, h2, h3 {
+
+        h2, h3 {
             color: #333;
         }
+
         .section {
             margin-bottom: 20px;
         }
-        .contact-info {
-            list-style: none;
-            padding: 0;
-        }
-        .contact-info li {
-            margin-bottom: 10px;
-        }
+
         footer {
             text-align: center;
-            padding: 10px;
+            padding: 20px;
             background-color: #333;
             color: #fff;
-            margin-top: 20px;
+            margin-top: 40px;
         }
+
     </style>
 </head>
 <body>
