From 41247ac4aa8b48e946d4e94d10903a670fb3ff8f Mon Sep 17 00:00:00 2001
From: Nathan Peckham <74386527+nwpeckham88@users.noreply.github.com>
Date: Wed, 12 Jun 2024 01:05:02 -0500
Subject: [PATCH] Proper divs set up with a more logical and flexible framework
 for future animations.

---
 css/styles.css | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 6925b5a..535a80d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -19,12 +19,16 @@ body {
 }
 
 #hero-section {
-    width: 95dvw;
+    width: 100dvw;
     height: 100dvh;
-    vertical-align: middle;
     align-content: center;
     margin: 0;
     padding: 0;
+    /* position: absolute;
+    left:0;
+    right: 0; */
+    transition: 3s ease-in;
+    transition-property: opacity;
 }
 
 #hero {
@@ -34,22 +38,14 @@ body {
     font-variant-caps: petite-caps;
     font-weight: bold;
     top: 45dvh;
-    width: 98dvw;
-    transition: 3s ease-in;
-    transition-property: opacity;
+    width: 100%;
 }
 
 #hero-titles {
-    width: 100%;
-    height: 100%;
     text-align: center;
     font-size: 2em;
     font-variant-caps: all-petite-caps;
-    transition: 0.2s ease-in-out;
-    position: absolute;
-    top: 55dvh;
-    /*left: 50vh;    */
-    width: 98dvw;
+    width: 100%;
     text-align: center;
 }