Update description area styling

momentum-mod · Jun 1, 2024 · 9115b85 · 9115b85
1 parent e02e3b2
commit 9115b85
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/css/main.css b/src/css/main.css
@@ -396,14 +396,14 @@ section#WhatIsMomentum {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  gap: 3rem;
-  align-items: center;
+  gap: 2rem;
 
   > .description {
-    flex: 1 1 60%;
+    flex: 1 1 0;
 
     h1 {
       margin-top: -0.5rem;
+      margin-bottom: 0.5rem;
 
       font-weight: 700;
       font-size: 4rem;
@@ -416,16 +416,20 @@ section#WhatIsMomentum {
 
     p {
       color: #eee;
+      line-height: 1.5rem;
       + p {
         margin-top: 1rem;
       }
     }
   }
 
   > iframe.intro-video {
-    flex: 1 0 33%;
+    flex: 0 0 35%;
     aspect-ratio: 16 / 9;
     height: fit-content;
+    align-self: flex-end;
+    border-radius: 0.25rem;
+    box-shadow: 0 0 0.75rem rgb(0 0 0 / 0.275);
   }
 }