Fiz muita coisa aqui!

Assets/css/main.css

@@ -1,24 +1,31 @@
 :root {
-    --lilas-nebuloso: rgba(212,198,212,1);
-    --rosa-neve: rgba(243,239,239,1);
-    --azul-nevoeiro: rgba(199,210,216,1);
-    --bege-areia: rgba(226,216,195,1);
-    --verde-salvia: rgba(138,163,155,1);
+    --lilas-nebuloso: #D4C6D4;
+    --rosa-neve: #F3EFEF;
+    --azul-nevoeiro: #C7D2D8;
+    --bege-areia: #E2D8C3;
+    --verde-salvia: #8AA39B;
+    --onyx: #454545;
+    
+    --coral: #FC814A;
+    --emerald: #23CE6B;
+    --nyanza: #E4FDE1;
 
      /* Informaçoes da paleta de cores */
      --primary-color: var(--lilas-nebuloso);
      --secondary-color: var(--verde-salvia);
      --accent-color: var(--bege-areia);
-     --background-color: var(--azul-nevoeiro);
+     --background-color: var(--verde-salvia);
+
      --text-color: var( --rosa-neve);
      --secondary-text-color: var(--verde-salvia);
+     --shandow-color: var(--onyx);
+
+    
+     
+     --error-color: var(--coral);
+     --success-color: var(--emerald);
+     --info-color: var(--nyanza);
     
-     /*
-     --error-color: var(--slate-gray);
-     --success-color: var(--light-slate-gray);
-     --warning-color: var(--periwinkle);
-     --info-color: var(--ivory);
-    */
 
      --font-family: 'Roboto', sans-serif;
      --heading-margin: 0 0 20px;
@@ -39,19 +46,21 @@ body{
 
 .top-bar{
     width: 100%;
-    height: 80px;
+    height: 100px;
 
     display: flex;
     flex-direction: row;
 
-    background-color: var(--secondary-color);
+    color: var(--background-color);
+    background-color: var(--primary-color);
+    
 }
 
 .top-bar .branding{
-    flex-grow: 4;
+    flex-grow: 2;
     display: flex;
 
-    margin: 5px;
+    margin-left: 100px;
 
     align-items: center;
     justify-content: start;
@@ -62,8 +71,8 @@ body{
 } 
 top-bar .branding h1{
    font: var(--font-family);
-   font-weight: 900;
-   font-size: 36px;
+   font-weight: bold;
+   font-size: 40px; 
 } 
 
 
@@ -71,10 +80,11 @@ top-bar .branding h1{
     flex-grow: 2;
     display: flex;
     
-    margin: 5px;
+    margin-right: 100px;
+    /* background-color: #23CE6B; */
 
     align-items: center;
-    justify-content: center;
+    justify-content: end;
 } 
 
 .top-bar .menu-item{
@@ -83,6 +93,15 @@ top-bar .branding h1{
     margin: 0; 
     display: flex; 
 } 
+.top-bar .menu-item a{
+    text-decoration: none;
+    font-family: var(--font-family);
+    color: var(--secondary-color);
+}
+
+.top-bar .menu-item a:hover{
+    color: var(--text-color);
+}
 
 .menu .menu-item li {
     margin-right: 20px; 
@@ -90,4 +109,277 @@ top-bar .branding h1{
 
 .menu .menu-item li:last-child {
     margin-right: 0; 
-}
+}
+
+
+
+/*              */
+/*     INDEX    */
+/*              */
+
+.hero{
+    width: 100%;
+    height: 90vh;
+
+    /* background: #23CE6B; */
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: row;
+}
+
+.hero .hero-section{
+    background-color: var(--primary-color);
+    
+    width: 100%;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.hero .hero-section img{
+    width: 70%;
+    height: auto;
+}
+
+.hero .info{
+    height: 100%;
+    background-color: var(--secondary-color);
+}
+
+.hero .info h1{
+    font: var(--font-family);
+    font-size: 38px;
+    font-weight: bold;
+}
+
+.hero .info p{
+    font: var(--font-family);
+    font-size: 18px;
+    width: 70%;
+    
+    text-align: justify;
+}
+
+.hero .img{
+    width: 80%;
+    height: 100%;
+    background-image: url(/Assets/Images/index/image.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+#map {
+    height: 90vh; /* Defina a altura desejada */
+    width: 100%;   /* Ajuste a largura conforme necessário */
+}
+
+/*              */
+/*    peoples   */
+/*              */
+
+.people{
+    height: 100%;
+    width: 81%;
+    color: var(--primary-color);
+    /* background-color: #FC814A; */
+}
+
+
+.people h1{
+    font-weight: bold;
+    font-size: 38px;
+    margin: 0;
+}
+.people h5{
+    font-weight: 400;
+    font-size: 20px;
+    margin: 0;
+ }
+
+ .peoples{
+    height: 100%;
+    width: 100%;
+    padding: 20px;
+    color: var(--primary-color);
+
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px; /* Espaço entre os cards */
+    /* background-color: #FC814A; */
+}
+
+.box{
+    height: 30%;
+    width: 40%;
+    margin: 15px;
+
+    box-shadow: 0px 5px 5px var(--shandow-color);
+    background-color: var(--primary-color);
+    color: var(--secondary-color);
+
+    display: flex;
+    flex-direction: row;
+
+    text-decoration: none;
+}
+
+.box .box-image{
+    height: 100%;
+    width: 40%;
+
+    background-color: #454545;
+}
+.box .box-image img{
+    width: 100%;
+    height: 100%;
+}
+.box .box-info {
+    height: 90%;
+    width: 60%;
+
+    text-align: justify;
+    margin: 15px;
+}
+
+.box .box-info h1{
+    font-size: 28px;
+    margin: 15px;
+}
+.box .box-info p{
+    font-size: 16 px;
+    margin: 15px;
+
+}
+
+.box .box-info .box-social{
+    background-color: #23CE6B;
+    width: 100%;
+    height: 25%;
+}
+
+/*              */
+/* pessoal page */
+/*              */
+
+.pessoal-page{
+    height: 100%;
+    width: 81%;
+    color: var(--primary-color);
+
+    display: flex;
+    flex-direction: row;
+    /* background-color: #FC814A; */
+}
+
+.pessoal-page .box{
+    min-height: 550px;
+    width: 40%;
+    margin: 15px;
+
+    box-shadow: 0px 5px 5px var(--shandow-color);
+    background-color: var(--primary-color);
+    color: var(--secondary-color);
+
+    display: flex;
+    flex-direction: column;
+}
+
+.pessoal-page .box .box-image{
+    height: 90%;
+    width: 100%;
+
+    background-color: #454545;
+}
+
+.pessoal-page .box .box-info {
+    height: 100%;
+    width: 93%;
+
+    text-align: justify;
+    margin: 15px;
+
+    /* background-color: #23CE6B; */
+}
+
+.pessoal-page .box .box-info h1{
+    font-size: 28px;
+    margin: 15px;
+    text-align: center;
+}
+.pessoal-page .box .box-info p{
+    font-size: 16 px;
+    margin: 15px;
+}
+
+.pessoal-page .info{
+    width: 100%;
+    height: 80vh;
+
+    padding: 0 15px;
+    display: flex;
+    flex-direction: column;
+}
+
+.pessoal-page .info p{
+    width: 100%;
+    /* height: 100%; */
+}
+
+.pessoal-page .info .info-content{
+    padding: 25px;
+    height: 50%;
+    background-color: #454545;
+}
+
+.pessoal-page .info .info-map{
+    height: 100%;
+}
+
+.pessoal-page .info .info-map #map{
+    width: 100%;
+    height: 100%;
+}
+
+/* ================================================================================================================================== */
+/* PUBLICATION */
+
+.publication{
+    margin: 5%;
+    background-color: var(--secondary-color);
+  }
+  
+  .publication .pub-header{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    
+    padding: 25px;
+  }
+  
+  
+  .publication .pub-header h1{
+    font-size: 28px;
+    font-family: var(--font-family);
+    font-weight: 900;
+    color: var(--charcoal-blue);
+    
+  }
+  
+  
+  .publication #article .bibliography{
+    margin: 25px;
+    color: var(--charcoal-blue);
+  }
+  
+  .publication #article h2{
+    font-size: 36px;
+    font-family: var(--font-family);
+    font-weight: 900;
+    color: var(--charcoal-blue);
+  }

Assets/logos/GitHub-Logos/README.txt

@@ -0,0 +1,30 @@
+GitHub loves third party developers. We want to help make your project awesome, and often that includes showing off GitHub integration with an image. In order to keep everyone happy (and avoid involving lawyers), we've created this repository and filled it with artwork that you may use in your own applications.
+
+For help or to add media not included here, please email support@github.com and we'll talk.
+
+
+THESE THINGS ARE AWESOME, PLEASE DO THEM:
+
++ Use the Octocat, the Mark, or GitHub logo to link to GitHub
+
++ Use the Mark, in "social buttons" that link to your GitHub profile or project
+
++ Use the Octocat, the Mark, or GitHub logo to advertise that your product has built-in GitHub integration
+
++ Use the Octocat, the Mark or GitHub logo in a blog post or news article about GitHub
+
+
+PLEASE, DON"T DO THESE THINGS:
+
+- Use the Octocat or GitHub logo for your application's icon
+
+- Create a modified version of the Octocat or GitHub logo
+
+- Integrate the Octocat or GitHub logo into your logo
+
+- Use any GitHub artwork without permission
+
+
+NAMING YOUR APPLICATION
+
+Please avoid naming your projects anything that implies GitHub's endorsement. For example, don't call your awesome new iPhone app "GitHub Issues". Instead consider "Octoissues" or "HubIssues" or "Gissues". Maybe not that last one, but you get the idea.

Assets/logos/rabbit.svg

@@ -0,0 +1 @@
+<svg id="Camada_1" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 530.2 994.99"><defs><style>.cls-1{fill:#f9f9f9;}.cls-2{fill:#662d91;}.cls-3{fill:#f4e44e;}</style></defs><title>rabbit</title><path class="cls-1" d="M979.69,901.35A117,117,0,0,1,862.5,861.82q-10.14-.24-20.19-1.22c-6.65-.63-13.29-1.5-19.86-2.61a282,282,0,0,1-29.85-6.74h0q-9.9-2.78-19.51-6.29a280.89,280.89,0,0,1-110.85-73.74,273.55,273.55,0,0,1-31.17-41,117.07,117.07,0,0,1,114.48,38.1,114.9,114.9,0,0,1,13.05,5.35,114.29,114.29,0,0,1,6.69-42.92c.38-1.05.78-2.1,1.19-3.13.26-.67.53-1.34.82-2a.21.21,0,0,1,0-.12c.23-.55.47-1.11.71-1.65.3-.74.63-1.48,1-2.21s.55-1.21.84-1.8c.14-.3.28-.6.43-.87,1.14-2.37,2.37-4.69,3.69-6.94.35-.64.73-1.27,1.11-1.89.74-1.25,1.51-2.47,2.3-3.67.29-.46.59-.91.9-1.34a1.3,1.3,0,0,1,.21-.31c.45-.68.93-1.36,1.4-2s1-1.38,1.49-2c.61-.84,1.24-1.66,1.9-2.49s1.24-1.57,1.89-2.33c.16-.21.33-.4.49-.59q2.52-3,5.27-5.84c.38-.41.77-.82,1.17-1.21,1.12-1.13,2.26-2.24,3.43-3.31.52-.5,1-1,1.59-1.44a3.86,3.86,0,0,1,.44-.38c.48-.45,1-.87,1.47-1.29,1.19-1,2.4-2,3.64-3l.9-.72c.36-.27.7-.54,1-.79l1.82-1.34c.64-.47,1.28-.92,1.95-1.37s1.3-.89,2-1.33l1.4-.92,0,0c.45-.3.92-.59,1.39-.88h0c.93-.58,1.88-1.14,2.84-1.7,0,0,.05,0,.08,0,.35-.21.69-.41,1-.6.67-.39,1.34-.77,2-1.11l.92-.5c.62-.33,1.25-.66,1.87-1l1.11-.55.92-.44,0,0,.25-.12c.4-.2.78-.4,1.19-.58,1-.46,2-.92,3-1.35q3.06-1.32,6.21-2.48,5.06-1.85,10.16-3.2l1.91-.5c1.11-.27,2.23-.53,3.32-.77.57-.14,1.17-.25,1.74-.36.34-.08.68-.14,1-.2l2.25-.42c.86-.15,1.71-.29,2.57-.41l1.85-.26,1.2-.16c.63-.07,1.27-.16,1.91-.22s1.29-.13,1.94-.18,1.49-.13,2.24-.19a.82.82,0,0,0,.22,0c.8,0,1.59-.1,2.39-.13l1.31,0c.74,0,1.49-.06,2.24-.07h.19c.79,0,1.6,0,2.4,0s1.69,0,2.53,0l2.43.1q3.63.16,7.21.56l2.67.33c.83.11,1.64.22,2.44.35l2.44.41c.68.11,1.34.23,2,.37,1,.18,1.9.38,2.84.6s1.59.36,2.4.55c.57.13,1.16.29,1.73.43l2,.54a116,116,0,0,1,12.64,4.29,36.61,36.61,0,0,0,4,1.7,38.92,38.92,0,0,0,26.75,0l1.35-.53c.28-.12.58-.24.85-.37s.53-.22.79-.35c.47-.21.93-.44,1.4-.68s.93-.49,1.38-.74a113.8,113.8,0,0,0,14.78,9.38A116.65,116.65,0,0,1,956,661.1a1.35,1.35,0,0,0,.22-.14c.36-.2.71-.42,1-.64s.57-.37.84-.56.41-.26.59-.4.57-.42.86-.63a34.63,34.63,0,0,0,3.58-3,308.45,308.45,0,0,0,54.69-61.64c-1.66-1-3.33-2.08-4.95-3.19.23-.31.44-.6.67-.89-.64,0-1.29,0-1.92,0a115,115,0,0,1-30.9-32.08,38.87,38.87,0,0,1-43.46-22.06,75.63,75.63,0,0,1-3.33-17.3q-.24-3-.21-6.05,0-1,0-2c0-.9.08-1.78.13-2.66,0-.43.06-.85.11-1.27,0-.59.09-1.18.17-1.78a7.42,7.42,0,0,1,.1-.79h0l0-.39v-.09c0-.38.09-.75.15-1.12.11-.82.24-1.63.39-2.45.17-1.06.37-2.1.6-3.16.12-.55.25-1.11.38-1.67.33-1.33.67-2.63,1.06-3.93l.36-1.18c.17-.57.36-1.13.56-1.69s.37-1.07.57-1.6a72.81,72.81,0,0,1,3.45-8c.36-.71.71-1.42,1.1-2.12a5.21,5.21,0,0,1,.28-.52c.36-.64.71-1.28,1.09-1.9,0-.07.07-.13.1-.19.44-.76.92-1.52,1.39-2.27s1-1.52,1.51-2.27c.05-.07.09-.15.14-.21.47-.68,1-1.34,1.44-2s1.09-1.45,1.67-2.16,1-1.29,1.57-1.93,1.33-1.52,2-2.28,1.23-1.31,1.88-1.94,1.1-1.11,1.68-1.66l.33-.33c.65-.6,1.33-1.2,2-1.79h0q2.09-1.85,4.32-3.52c.74-.56,1.5-1.1,2.26-1.64s1.34-.92,2-1.36c.21-.14.42-.29.64-.41l.3-.18c.58-.39,1.18-.76,1.79-1.11.81-.49,1.63-1,2.47-1.42a115.5,115.5,0,0,1,42.64-47.58,312.56,312.56,0,0,1-108.65-45.17,310,310,0,0,1-47.4-38.53q-3.93-3.91-7.75-8A281.39,281.39,0,0,1,982,329.37q-4.63-10.19-8.6-20.85a304.37,304.37,0,0,1-18.6-124.45A307.62,307.62,0,0,1,1062.65,356.9q2.65,11.78,4.33,23.59.52,3.72,1,7.45,7.86,7.85,15.11,16.38a276.5,276.5,0,0,1,45.26,74.31c1.24,3,2.42,6,3.56,9.09.41,1.12.82,2.25,1.22,3.38,0,0,0,0,0,.06.4,1.12.8,2.22,1.16,3.33a.25.25,0,0,1,.06.16c.32,1.1.6,2.2.81,3.29.08.33.14.66.19,1s.09.48.12.72.11.72.15,1.09c0,.18.05.36.07.53,0,.34.07.68.1,1s0,.65.06,1,0,.44,0,.66l0,1.63c0,.6,0,1.19,0,1.79s-.07,1.05-.12,1.57c0,.25,0,.51-.08.77s-.09.83-.16,1.24c-.07.6-.18,1.18-.29,1.76s-.2,1-.33,1.51a36.2,36.2,0,0,1-1.64,5.27c-.24.64-.5,1.25-.8,1.86-.07.19-.16.38-.25.58l-.29.55v0c-.38.77-.78,1.53-1.23,2.26-.2.37-.42.73-.64,1.09-.37.61-.76,1.19-1.18,1.77-.28.39-.56.79-.86,1.18q-.72.94-1.53,1.86c-.24.3-.51.58-.77.87s-.81.87-1.25,1.29-.85.84-1.31,1.24-.82.74-1.26,1.1-.94.77-1.45,1.13-1,.77-1.6,1.14c-.79.52-1.61,1-2.45,1.5-.23.14-.46.27-.71.4a5.91,5.91,0,0,1-.71.36c-.81.43-1.65.83-2.52,1.21-.64.27-1.28.52-2,.77a38.43,38.43,0,0,1-7.13,1.86c-2.58.07-5.14.24-7.72.49a117,117,0,0,0-29,6.59,115.72,115.72,0,0,0-46.37,31.22c.54,2.22,1,4.45,1.43,6.69.66,3.65,1.14,7.28,1.44,10.93.07.88.13,1.75.19,2.63.08,1.2.13,2.41.15,3.64.11,3.19.06,6.36-.12,9.52,0,.24,0,.48,0,.72-.06.94-.12,1.89-.21,2.85s-.18,2-.3,3-.26,2.16-.41,3.23c-.46,3.26-1.08,6.51-1.82,9.72-.25,1-.51,2.12-.79,3.17-.13.55-.27,1.1-.45,1.65s-.34,1.28-.53,1.91c-.28.94-.57,1.86-.87,2.8s-.62,1.88-1,2.81a.81.81,0,0,1-.08.25c-.34,1-.71,2-1.09,3l0,.05q-.59,1.53-1.23,3c-.42,1-.85,2-1.3,3,0,0,0,0,0,0-.23.5-.45,1-.69,1.49s-.46,1-.7,1.46c-.47,1-1,2-1.48,2.92-1,1.93-2.07,3.83-3.19,5.69s-2.3,3.72-3.52,5.53c-.61.91-1.24,1.8-1.88,2.7s-1.3,1.76-2,2.64-1.33,1.71-2,2.57h0c-.16.22-.32.41-.48.62a3,3,0,0,0-.23.27c-1.09,1.35-2.23,2.66-3.39,4a115.65,115.65,0,Line truncated