From f7288dfd4ce3d72774d07b86e69d637a9edbae7b Mon Sep 17 00:00:00 2001
From: Anthony Wilbourne <awilbourne@tiflex.local>
Date: Fri, 9 Feb 2024 13:34:39 +0000
Subject: [PATCH] first tween attempt

---
 index.html                   | 2 ++
 src/scss/custom/_styles.scss | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/index.html b/index.html
index 875013b7..1900b0ff 100644
--- a/index.html
+++ b/index.html
@@ -42,6 +42,7 @@
             >Discover Tiflex</a
           >
         </div>
+        <div class="box green"></div>
       </div>
     </div>
     <!-- End your project here-->
@@ -51,5 +52,6 @@
     <!-- Custom scripts -->
     <script type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+    <script>gsap.to(".green", {rotation: 360, x: 100, duration: 1});</script>
   </body>
 </html>
diff --git a/src/scss/custom/_styles.scss b/src/scss/custom/_styles.scss
index 116b807f..f0d57253 100644
--- a/src/scss/custom/_styles.scss
+++ b/src/scss/custom/_styles.scss
@@ -1 +1,8 @@
 // Your custom styles
+body {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    min-height: 100vh;
+    flex-direction: column;
+  }
\ No newline at end of file