bruh

assets/dominate.css

@@ -1,10 +1,13 @@
+
+
 body {
     padding-top: 20px;
     padding-bottom: 60px;
-background-color: #3c0084;
+    background-color: #3c0084;
   }
 
   /* Custom container */
+
   .container {
     margin: 0 auto;
     max-width: 1000px;
@@ -13,6 +16,11 @@ background-color: #3c0084;
     margin: 60px 0;
   }
 
+  .hero-unit {
+   background-color: #aa00a7;
+   box-shadow: 0 0 0 4px #aa009f;
+  }
+
   /* Main marketing message and sign up button */
   .jumbotron {
     margin: 80px 0;
@@ -30,7 +38,7 @@ background-color: #3c0084;
     font-size: 21px;
     padding: 14px 24px;
   }
-
+  
   /* Supporting marketing content */
   .marketing {
     margin: 60px 0;
@@ -38,12 +46,44 @@ background-color: #3c0084;
   .marketing p + h4 {
     margin-top: 28px;
   }
-
+  
   .pissbigger h1 {
-  font-size: 42px;
-  line-height: 1;
+    font-size: 42px;
+    line-height: 1;
   }
 
-  .hero-unit {
-  text-align: center;
+  /* how to not fix your css part numba wuuun */
+  @media (min-width: 768px) and (max-width: 979px) {
+    .pantshitted {
+      float:right !important;
+    }
+  }
+
+  .flextape {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+
+  @media (min-width: 600px) and (max-width: 979px) {
+    .flextape {
+      grid-template-columns: 1fr 1fr;
+    }
   }
+  
+  @media (max-width: 600px) {
+    .flextape {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  .memcomment {
+      position: relative;
+      padding-bottom: 50px;
+  }
+
+  .memcomment .author {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+  }