add font

src/index.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
+
 html {
   --background-color: #eee;
   --popup-background: #ddd;
@@ -29,6 +31,8 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+
+  font-family: 'Lato', sans-serif;
 }
 
 * {

src/styled.js

@@ -48,7 +48,7 @@ export const LogoContainer = styled.div`
 `
 
 export const ActiveContainer = styled.div`
-  min-height: 23.5rem; // for perfect alignment with the info boxes
+  min-height: 22.5rem; // for perfect alignment with the info boxes
   background: var(--box-gradient);
   border-radius: .5rem;
   padding: 1rem 2rem;