Temporary col functionality, and absolute unfiltered styling agony

src/assets/scss/main.scss

@@ -7,6 +7,24 @@
 // Fonts
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
+//Globals
+
+// Column base styles
+[class^="col-"] {
+  position: relative;
+  width: 100%;
+  padding: 0 15px;
+}
+
+// Generate column classes
+@for $i from 1 through 12 {
+  .col-#{$i} {
+    $width: percentage(calc($i / 12));
+    flex: 0 0 calc($width - var(--gap));
+    max-width: calc($width - var(--gap));
+  }
+}
+
 body {
   -ms-overflow-style: none;
   scrollbar-width: none;
@@ -30,6 +48,7 @@ a {
   font-family: $titles;
   color: $white;
   font-weight: 500;
+  margin: 0;
 }
 
 p,
@@ -62,6 +81,15 @@ input {
   }
 }
 
+.modal-form {
+  .form-fields {
+    --gap: 10px;
+    display: flex;
+    gap: var(--gap);
+    flex-wrap: wrap;
+  }
+}
+
 .input-cyan {
   padding: 8px 10px;
   font-family: $titles;