Merge pull request #4 from treehouse/TH-656-replace-gotham-rounded-with-quicksand

[DONE] TH-656: Replace Gotham rounded with Quicksand

Author: yaroslav-mo

frontend/dist/styles/app.css

@@ -118,7 +118,7 @@
         @include bg(var(--td-accent));
         color: white;
         @include radius(5px);
-        font-family: "Gotham Rounded", sans-serif;
+        font-family: "Quicksand", sans-serif;
         font-size: 0.9rem;
         font-weight: 400;
         cursor: pointer;

frontend/src/styles/components/view-container/_output-view.scss

@@ -8,7 +8,7 @@
     @include flex(row, nowrap, flex-start, center);
     button {
       @include radius(5px);
-      font-family: "Gotham Rounded", sans-serif;
+      font-family: "Quicksand", sans-serif;
       font-size: 0.9rem;
       font-weight: 400;
       cursor: pointer;

frontend/src/styles/components/view-container/_req-footer.scss

@@ -80,7 +80,7 @@
           @include theme-transition;
           color: var(--primary-color);
           transition: height 0.5s ease, padding 0.5s ease;
-          font-family: "Gotham Rounded", sans-serif;
+          font-family: "Quicksand", sans-serif;
           border: none;
           margin: 0.25rem 0;
           opacity: 0.5;

frontend/src/styles/components/view-container/_requirement-list.scss

@@ -24,7 +24,7 @@ body {
     min-height: 100vh;
     max-height: 100vh;
     overflow: hidden;
-    font-family: 'Gotham Rounded', sans-serif;
+    font-family: "Quicksand", sans-serif;
     @include theme-transition;
     color: var(--primary-color);
     margin: 0;

frontend/src/styles/globals/_base.scss

@@ -1,4 +1,4 @@
-@import url("https://fonts.cdnfonts.com/css/gotham-rounded");
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap');
 
 form,
 fieldset {
@@ -12,7 +12,7 @@ fieldset {
     input {
       @include bg(var(--primary-bg));
       @include radius(5px);
-      font-family: "Gotham Rounded", sans-serif;
+      font-family: "Quicksand", sans-serif;
       width: 100%;
       border: 2px solid var(--panel-bg);
       padding: 1rem 0.5rem;
@@ -34,7 +34,7 @@ fieldset {
     width: 100%;
     text-align: center;
     color: white;
-    font-family: "Gotham Rounded", sans-serif;
+    font-family: "Quicksand", sans-serif;
   }
 }
 
@@ -49,5 +49,5 @@ textarea:focus {
 textarea,
 button,
 input {
-  font-family: "Gotham Rounded", sans-serif;
+  font-family: "Quicksand", sans-serif;
 }