From 27f2ff7dc6378d9fff0b43b53ee44f7a6a1730fb Mon Sep 17 00:00:00 2001
From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com>
Date: Fri, 25 Oct 2024 08:55:20 -0400
Subject: [PATCH] CSS adjustments

---
 css/carousel.css | 22 +++++++++++-----------
 css/style.css    | 11 +++++------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/css/carousel.css b/css/carousel.css
index ce7b4f0..f448ce7 100644
--- a/css/carousel.css
+++ b/css/carousel.css
@@ -1,11 +1,11 @@
 .stack {
   position: relative;
   display: flex;
-  padding-right: 30px;
+  padding-right: 45px;
 }
 
 #features .row:nth-child(odd) .stack {
-  padding-right: 30px;
+  padding-right: 45px;
 }
 
 .screenshot {
@@ -20,13 +20,13 @@
 
 .screenshot:nth-child(2) {
   z-index: 3;
-  left: calc(-100% + 10px);
-  bottom: 10px;
+  left: calc(-100% + 15px);
+  bottom: 15px;
 }
 .screenshot:nth-child(1) {
   z-index: 2;
-  left: 20px;
-  bottom: 20px;
+  left: 30px;
+  bottom: 30px;
 }
 
 /* @keyframes lower {
@@ -54,7 +54,7 @@
 
 @keyframes shift {
   50% {
-    transform: translate(-5px, 5px);
+    transform: translate(-15px, 15px);
   }
   to {
     transform: translate(0, 0);
@@ -81,15 +81,15 @@ with different numbers of slides
 
 @keyframes fade-in {
   0% {
-    bottom: 30px;
-    left: 30px;
+    bottom: 45px;
+    left: 45px;
     opacity: 0;
     scale: 0.95;
   }
   100% {
     opacity: 1;
-    left: 20px;
-    bottom: 20px;
+    left: 30px;
+    bottom: 30px;
     scale: 1.0;
   }
 }
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 8f2cb5d..eed29c1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,6 +27,10 @@ body {
     background: var(--rd-black);
 }
 
+p {
+    margin-bottom: 0.5rem;
+}
+
 /* Nav and Footer Styles */
 
 nav, footer {
@@ -121,9 +125,8 @@ p {
 }
 
 /* Alternating Color Styles */
-
 #features .row {
-    padding-top: 20px;
+    padding-top: 30px;
 }
 
 #features .row:nth-child(odd) .screenshot {
@@ -149,10 +152,6 @@ p {
     background: var(--rd-purple);
 }
 
-#features .row:nth-child(even) h3 {
-    /* text-shadow: 2px 2px var(--rd-blue); */
-}
-
 /* Link Styles */
 .jumbotron a, footer a, a.btn, .feature-card a, .feature-card a {
     color: var(--rd-purple);