Massive Update!

frontend/assets/sass/styles.scss

@@ -0,0 +1,35 @@
+// Font Imports
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap');
+
+$open-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$montserrat: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+// Bootstrap Overrides
+$enable-negative-margins: true;
+$font-family-sans-serif: $open-sans;
+$input-btn-font-family: $montserrat;
+$headings-font-family: $montserrat;
+$input-bg: #ebebeb;
+$input-font-weight: 700;
+$btn-font-weight: 700;
+$input-border-width: 0;
+$border-radius: 6px;
+
+// Bootstrap Imports
+@import '../../node_modules/bootstrap/scss/bootstrap.scss';
+
+// Custom Styles
+.bold-link {
+    font-family: $montserrat;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+
+@include media-breakpoint-down(md) {
+    .input-group-block {
+        input, button {
+            width: 100%;
+            border-radius: $border-radius !important;
+        }
+    }
+}

frontend/assets/svg/custom-url.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#757575"><path clip-rule="evenodd" fill="none" d="M0 0h24v24H0z"/><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>