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);