styling changes

Author: austinbfraser

mlflow-site/src/app/globals.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -91,7 +92,7 @@ body {
 
 .mlflow-logo {
   width: clamp(4rem, 17.72vw, 9rem);
-  height: clamp(2rem, 8.86vw, 2.4rem);
+  height: auto;
 }
 
 .navBarLinks {
@@ -145,13 +146,17 @@ body {
 }
 
 .bigHeadline {
-  font-size: clamp(1.7rem, 6.531vw, 6.25rem);
+  font-size: clamp(1.7rem, 6.531vw, 5.25rem);
+  margin-top: 7vw;
   font-family: Newsreader;
+  align-self: center;
 }
 
 .headLineText {
   font-size: clamp(1.1rem, 4.873vw, 2.25rem);
-  margin-bottom: 1rem;
+  margin-bottom: 2vw;
+  font-family: Newsreader;
+  align-self: center;
 }
 
 .mobileInnerWrapper {
@@ -188,7 +193,7 @@ body {
   padding-top: clamp(0.375rem, 1.66125vw, 0.65625rem);
   padding-bottom: clamp(0.375rem, 1.66125vw, 0.65625rem);
   border-radius: clamp(0.3125rem, 1.384375vw, 0.546875rem);
-  font-size: clamp(0.8rem, 3.544vw, 2rem);
+  font-size: clamp(0.7rem, 3vw, 1.8rem);
 }
 
 .homeButton:hover {
@@ -198,6 +203,7 @@ body {
 .homeButtonDownload {
   background-color: rgb(66, 107, 31);
   margin-right: 8px;
+  margin-bottom: 5vw;
 }
 
 .homeButtonRead {
@@ -222,16 +228,19 @@ body {
   color: black;
   background-color: white;
   margin-top: clamp(1rem, 4.43vw, 3rem);
+  font-family: Inter;
 }
 
 .featureHeader {
   font-size: clamp(1.3rem, 5.759vw, 3rem);
   margin-bottom: 0.5rem;
+  font-family: Inter;
 }
 
 .featureLongBlurb {
   font-size: clamp(1rem, 4.43vw, 1.5rem);
   margin-bottom: 0.5rem;
+  font-family: Inter;
 }
 
 .featureCard {
@@ -243,14 +252,17 @@ body {
   grid-template-rows: min-content;
   padding: 0.5rem;
   margin-bottom: 0.5rem;
+  font-family: Inter;
 }
 
 .featureCardHeader {
   font-size: clamp(1.3rem, 5.316vw, 1.5rem);
+  font-family: Inter;
 }
 
 .featureCardsSection {
   margin-top: 1rem;
+  font-family: Inter;
 }
 
 @media (min-width: 1000px) {
@@ -275,6 +287,7 @@ body {
   color: black;
   background-color: white;
   margin-bottom: clamp(1rem, 4.43vw, 3rem);
+  margin-top: 10vw;
 }
 
 .demoCard {