diff --git a/src/css/output.css b/src/css/output.css
index 8309159..02b1ea7 100644
--- a/src/css/output.css
+++ b/src/css/output.css
@@ -616,6 +616,10 @@ video {
   bottom: 0px;
 }
 
+.right-0 {
+  right: 0px;
+}
+
 .z-50 {
   z-index: 50;
 }
@@ -721,14 +725,14 @@ video {
   margin-top: 2rem;
 }
 
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-
 .block {
   display: block;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .flex {
   display: flex;
 }
@@ -809,10 +813,6 @@ video {
   width: 100%;
 }
 
-.w-3 {
-  width: 0.75rem;
-}
-
 .max-w-4xl {
   max-width: 56rem;
 }
@@ -829,6 +829,19 @@ video {
   flex-grow: 1;
 }
 
+.origin-bottom-right {
+  transform-origin: bottom right;
+}
+
+.rotate-45 {
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .snap-x {
   scroll-snap-type: x var(--tw-scroll-snap-strictness);
 }
@@ -923,10 +936,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-bl-lg {
-  border-bottom-left-radius: 0.5rem;
-}
-
 .rounded-bl-xl {
   border-bottom-left-radius: 0.75rem;
 }
@@ -964,43 +973,18 @@ video {
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.border-purple-900 {
-  --tw-border-opacity: 1;
-  border-color: rgb(88 28 135 / var(--tw-border-opacity));
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
-.border-gray-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(243 244 246 / var(--tw-border-opacity));
-}
-
-.border-purple-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(216 180 254 / var(--tw-border-opacity));
-}
-
-.border-purple-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(192 132 252 / var(--tw-border-opacity));
-}
-
 .border-purple-600 {
   --tw-border-opacity: 1;
   border-color: rgb(147 51 234 / var(--tw-border-opacity));
 }
 
-.border-purple-700 {
+.border-purple-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(126 34 206 / var(--tw-border-opacity));
+  border-color: rgb(88 28 135 / var(--tw-border-opacity));
 }
 
-.border-purple-800 {
-  --tw-border-opacity: 1;
-  border-color: rgb(107 33 168 / var(--tw-border-opacity));
+.border-transparent {
+  border-color: transparent;
 }
 
 .bg-gray-200 {
@@ -1018,9 +1002,9 @@ video {
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
-.bg-gray-900 {
+.bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
 .bg-green-100 {
@@ -1033,6 +1017,11 @@ video {
   background-color: rgb(192 132 252 / var(--tw-bg-opacity));
 }
 
+.bg-purple-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
+}
+
 .bg-purple-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(88 28 135 / var(--tw-bg-opacity));
@@ -1053,16 +1042,6 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-gray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
-
-.bg-purple-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
-}
-
 .p-2 {
   padding: 0.5rem;
 }
@@ -1174,6 +1153,11 @@ video {
   line-height: 1.75rem;
 }
 
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
@@ -1263,10 +1247,6 @@ video {
   transition-duration: 200ms;
 }
 
-.duration-300 {
-  transition-duration: 300ms;
-}
-
 .ease-linear {
   transition-timing-function: linear;
 }
@@ -1286,6 +1266,11 @@ video {
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-950:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(3 7 18 / var(--tw-bg-opacity));
@@ -1350,9 +1335,9 @@ video {
   border-color: rgb(255 255 255 / 0.05);
 }
 
-.dark\:bg-gray-200:is(.dark *) {
+.dark\:bg-gray-300:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
 .dark\:bg-purple-400:is(.dark *) {
@@ -1389,11 +1374,6 @@ video {
   background-color: rgb(2 6 23 / var(--tw-bg-opacity));
 }
 
-.dark\:bg-gray-300:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
-}
-
 .dark\:text-gray-900:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
diff --git a/src/index.html b/src/index.html
index c83f062..45a6fb7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -256,7 +256,7 @@ <h3 class="text-xl font-medium mb-2">Quando tratado:</h3>
         </div>
 
         <!-- Direcionamento para as Trilhas -->
-        <section id="entender" class="px-6">
+        <section id="entender" class="px-2">
           <div class="pt-28"></div>
             <h1 class="text-3xl font-bold mb-8 text-center">Os lados desta Questão</h1>
 
@@ -294,7 +294,7 @@ <h1 class="text-3xl font-bold mb-8 text-center">Os lados desta Questão</h1>
         </section>
         -->
         <!-- Trilha do Profissional de TI -->
-        <section id="lti" class="flex flex-col px-6">
+        <section id="lti" class="flex flex-col px-2">
           <div class="pt-36"></div>
           <h1 class="text-3xl font-bold mb-8 text-center">O Profissional de TI</h1>
 
@@ -332,7 +332,7 @@ <h2 class="text-2xl font-bold mb-4">Em breve</h2>
         </section>
 
         <!-- Trilha dos Recursos Humanos -->
-        <section id="lrh" class="flex flex-col px-6">
+        <section id="lrh" class="flex flex-col px-2">
           <div class="pt-36"></div>
           <h1 class="text-3xl font-bold mb-8 text-center">O meio de campo do RH</h1>
 
@@ -376,7 +376,7 @@ <h2 class="text-2xl font-bold mb-4">Em breve</h2>
         </section>
 
         <!-- Trilha das Empresas -->
-        <section id="lgestao" class="flex flex-col px-6">
+        <section id="lgestao" class="flex flex-col px-2">
           <div class="pt-36"></div>
           <h1 class="text-3xl font-bold mb-8 text-center">A Gestão Empresarial</h1>
 
@@ -739,6 +739,13 @@ <h3 class="text-center mt-56 text-2xl">Obrigado por participar até aqui!</h3>
                   </svg>
                 </a>
             </div>
+            <div class="bottom-0 right-0 transform rotate-45 origin-bottom-right z-50">
+              <a href="https://github.com/seu-usuario" target="_blank" 
+                 class="inline-block bg-gray-800 text-white px-6 py-2 text-sm font-semibold hover:bg-gray-700">
+                Conheça meu GitHub
+              </a>
+            </div>
+            
           </div>
       </div>
     </footer>