diff --git a/css/style.css b/css/style.css
index 05d988a..57f29e3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,7 +13,7 @@ body {
 }
 
 div.highlight {
-  background-color: rgba(165, 165, 165, 0.372);
+  background-color: #646464 !important;
   margin-left: -15px;
   margin-right: -15px;
   width: 100vw;
diff --git a/includes/footer.php b/includes/footer.php
index fe6ec89..1c05dcd 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -12,6 +12,10 @@
     <script src="./js/main.js"></script>
     <script src="./js/local.js"></script>
 
+    <script>
+      AOS.init();
+    </script>
+
     <script>
       $(function() {
         $('[data-toggle="tooltip"]').tooltip();
diff --git a/includes/header.php b/includes/header.php
index 79c6de7..c69442d 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -1,25 +1,21 @@
 <!DOCTYPE html>
 <html lang="en" style="scroll-behavior: smooth">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <link rel="stylesheet" href="./css/darkmode.css" />
-    <link rel="stylesheet" href="./css/style.css" />
-    <!-- Bootstrap CSS -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
-      integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
-      crossorigin="anonymous"
-    />
 
-    <title><?php echo htmlentities(PAGE_TITLE); ?> | Pfosten Dynamics</title>
-    <link rel="icon" href="./img/favicon.png" />
-  </head>
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <link rel="stylesheet" href="./css/darkmode.css" />
+  <link rel="stylesheet" href="./css/style.css" />
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" />
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
+  <title><?php echo htmlentities(PAGE_TITLE); ?> | Pfosten Dynamics</title>
+  <link rel="icon" href="./img/favicon.png" />
+</head>
 
-  <body style="width: 100vw !important; overflow-x: hidden !important;" class="couldDark <?php if($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>">
-<?php require('navbar.php') ?>
+<body data-aos="fade-in" style="width: 100vw !important; overflow-x: hidden !important;" class="couldDark <?php if ($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>">
+  <?php require('navbar.php') ?>
\ No newline at end of file
diff --git a/index.php b/index.php
index 7d6d99e..256daef 100644
--- a/index.php
+++ b/index.php
@@ -7,20 +7,22 @@ require('includes/header.php');
 ?>
 <br />
 <div class="container-fluid">
-  <div class="row">
-    <div class="col-sm text-right">
-      <br />
-      <h1 class="text-shadow couldDark <?php if ($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
-      <h2>Change your idea of what idiots can do</h2>
-    </div>
-    <div class="col-sm text-left">
-      <br />
-      <img src="./img/peterXfeedc0de.jpg" style="
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-sm text-right">
+        <br />
+        <h1 class="text-shadow couldDark <?php if ($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
+        <h2>Change your idea of what idiots can do</h2>
+      </div>
+      <div class="col-sm text-left">
+        <br />
+        <img src="./img/peterXfeedc0de.jpg" style="
               max-height: 600px;
               border: 2px;
               border-style: ridge;
               border-color: gray;
             " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
+      </div>
     </div>
   </div>
   <br />
