more styling done

Author: Kyler-Chiago

mlflow-site/src/app/globals.css

@@ -196,6 +196,7 @@ body {
   text-align: center;
   color: black;
   background-color: white;
+  margin-top: clamp(1rem, 4.43vw, 3rem);
 }
 
 .featureHeader {
@@ -204,7 +205,7 @@ body {
 }
 
 .featureLongBlurb {
-  font-size: clamp(1rem, 4.43vw, 1.7rem);
+  font-size: clamp(1rem, 4.43vw, 1.5rem);
   margin-bottom: 0.5rem;
 }
 
@@ -223,6 +224,10 @@ body {
   font-size: clamp(1.3rem, 5.316vw, 1.5rem);
 }
 
+.featureCardsSection {
+  margin-top: 1rem;
+}
+
 @media (min-width: 1000px) {
   .featureCardsSection {
     display: grid;
@@ -244,13 +249,13 @@ body {
   grid-template-rows: calc(100% / 3) calc(100% / 3) calc(100% / 3);
   color: black;
   background-color: white;
-  margin-bottom: 3rem;
+  margin-bottom: clamp(1rem, 4.43vw, 3rem);
 }
 
 .demoCard {
   gap: 1.25rem;
   padding: 0.25rem;
-  margin-bottom: 5rem;
+  margin-bottom: 4rem;
   text-align: center;
 }