updates

static/css/main.css

@@ -32,6 +32,7 @@ body {
   overflow-x: hidden;
   letter-spacing: .125px;
   font-variant-ligatures: no-common-ligatures;
+  margin: 0;
 }
 h1, h2, h3, h4, h5{
   font-family: var(--bs-ttl-font-family);
@@ -82,16 +83,21 @@ h1, h2, h3, h4, h5{
 .wrapper {
   display: flex;
   align-items: center;
-  height: auto;
-  min-height: calc(100vh - var(--top-bar))
-}
-/* [data-platform="public"] > [data-screen="connect"]{
-  background-color: var(--accent-normal);
-} */
-[data-screen="404"] .container{
   justify-content: center;
+  height: auto;
+  min-height: calc(100vh - var(--top-bar));
+  margin-top: var(--top-bar);
 }
-[data-screen="search"] .container-fluid > .row{
+/* Screens */
+/* [data-screen="error404"], [data-screen="connect"]{
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+[data-screen="error404"] main, [data-screen="connect"] main{
+  margin: auto 0;
+} */
+[data-screen="search"] .container-fluid > .row, [data-screen="profile"] .container-fluid > .row{
   justify-content: center;
 }
 
@@ -199,7 +205,6 @@ h1, h2, h3, h4, h5{
   font-weight: initial;
 }
 #tandem-explanations{
-  box-shadow: 0 20px 10px -20px rgba(0,0,0,0.45) inset;
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: var(--background-wrapper);
@@ -307,12 +312,10 @@ article li:not(:first-of-type){
   padding: 0.5em 1.5em;
   border: none;
 }
-
 .btn-hero-secondary{
   border-color: var(--primary);
   color: var(--primary);
 }
-
 .btn-cta{
   background-color: var(--primary);
   color: white;
@@ -326,6 +329,11 @@ article li:not(:first-of-type){
   color: var(--bs-gray-600);
   border-color: var(--bs-gray-500);
 }
+.btn-stack{
+  display: flex;
+  justify-content: flex-start;
+  gap: 1rem;
+}
 /* forms */
 .lang-select{
   max-width: 12em;
@@ -426,9 +434,6 @@ nav .icon-ui{
 }
 /* media queries */
 @media (width <= 576px) {
-  body{
-    font-size: 1.0625rem;
-  }
   :root{
     --div-padding: 2em;
     --bottom-bar: 40px;
@@ -536,7 +541,6 @@ nav .icon-ui{
 }
 @media (576px <= width <= 992px) {
   .btn-stack{
-    display: flex;
     justify-content: center;
   }
   .partners-logo-grid{