optimized white space and aligned header and footer

Author: anastascho

src/css/footer.css

@@ -34,24 +34,24 @@ footer.footer {
 }
 
 .sections-footer-container {
-  max-width: 66.66667rem;
+  max-width: 72rem;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
 }
 
 .sections-footer p {
-  margin: 0.5rem 0;
+  margin: 0.5rem 1rem;
   font-size: 1rem;
 }
 
 .sections-footer a {
   color: var(--footer-link-font-color);
 }
 
-.sections-footer-container-left {
+/* .sections-footer-container-left {
   margin-left: 1rem;
-}
+} */
 
 .sections-footer-container-right {
   margin: 0.25rem 1.25rem;

src/css/header.css

@@ -300,7 +300,7 @@ body {
   height: var(--navbar-height);
   top: 0;
   z-index: var(--z-index-navbar);
-  width: 66.66667rem;
+  width: 72rem;
   margin: 0 auto;
 }
 

src/css/sections.css

@@ -23,7 +23,7 @@
   width: 100%;
   padding: 0.75rem;
   position: relative;
-  height: 24rem;
+  height: 22rem;
   padding-top: unset !important;
   margin-top: unset !important;
 }
@@ -63,6 +63,7 @@
 
 .sectionWhite-right > div > div > div > img {
   float: right;
+  margin-top: -1.75rem;
 }
 
 .sectionWhite-heading {
@@ -80,20 +81,33 @@
   line-height: 1.2;
   font-weight: bold;
   color: #496583;
-  padding: 1.2rem 0.1rem;
+  padding: 1.75rem 0.1rem 0.5rem 0.1rem;
   word-break: keep-all;
 }
 
 .get-started-button {
   background-color: white;
-  color: #2945a3;
+  color: #496583;
   padding: 0.75rem 7rem;
   margin-top: 1rem;
-  border: none;
-  box-shadow: rgba(0, 0, 0, 0.24) 1px 3px 8px;
+  border: 2px solid #496583;
   font-size: 1rem;
 }
 
+.get-started-button a {
+  color: #496583;
+  text-decoration: none;
+}
+
+.get-started-button:hover > a {
+  color: var(--eclipse-orange);
+  text-decoration: none;
+}
+
+.get-started-button:hover {
+  border: 2px solid var(--eclipse-orange);
+}
+
 ::placeholder {
   color: #496583;
   opacity: 1;
@@ -152,6 +166,7 @@
   grid-gap: 2rem;
   flex-wrap: wrap;
   height: 25rem;
+  margin-bottom: 5rem;
 }
 
 .sectionPurple > .tile {