fixed some styles in the css file and added Gilroy fonts

naliia_sao_custom/custom.css

@@ -6,8 +6,36 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+@font-face {
+    font-family: "Gilroy";
+    src: url("./fonts/Gilroy-Regular.woff2") format("woff2"),
+        url("./fonts/Gilroy-Regular.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Gilroy";
+    src: url("./fonts/Gilroy-Bold.woff2") format("woff2"),
+        url("./fonts/Gilroy-Bold.woff") format("woff");
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Gilroy";
+    src: url("./fonts/Gilroy-Black.woff2") format("woff2"),
+        url("./fonts/Gilroy-Black.woff") format("woff");
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
 html {
-  font-family: sans-serif;
+  font-family: "Gilroy", sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
 }
@@ -107,7 +135,7 @@ code,
 kbd,
 pre,
 samp {
-  font-family: monospace, monospace;
+  font-family: "Gilroy", monospace, monospace;
   font-size: 1em;
 }
 button,
@@ -1075,7 +1103,7 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 body {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333333;
@@ -1093,7 +1121,7 @@ textarea {
   line-height: inherit;
 }
 a {
-  color: #487B50;
+  color: #e54c75;
   text-decoration: none;
 }
 a:hover,
@@ -1526,7 +1554,7 @@ code,
 kbd,
 pre,
 samp {
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-family: "Gilroy", Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 code {
   padding: 2px 4px;
@@ -6042,7 +6070,7 @@ button.close {
   position: absolute;
   z-index: 1070;
   display: block;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
@@ -6160,7 +6188,7 @@ button.close {
   display: none;
   max-width: 276px;
   padding: 1px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.42857143;
@@ -6429,7 +6457,7 @@ button.close {
 .carousel-control .icon-next {
   width: 20px;
   height: 20px;
-  font-family: serif;
+  font-family: "Gilroy", serif;
   line-height: 1;
 }
 .carousel-control .icon-prev:before {
@@ -8477,9 +8505,9 @@ html[theme="default"] .btn-primary:active:hover {
   background-color: #f59f86;
 }
 html[theme="default"] .btn-primary:active {
-  background-color: #487b50;
-  background-image: -webkit-radial-gradient(circle, #1f1a17 10%, #acd5e3 11%);
-  background-image: radial-gradient(circle, #1f1a17 10%, #acd5e3 11%);
+  background-color: #e54c75;
+  background-image: -webkit-radial-gradient(circle, #1f1a17 10%, #f59f86 11%);
+  background-image: radial-gradient(circle, #1f1a17 10%, #f59f86 11%);
   background-repeat: no-repeat;
   background-size: 1000% 1000%;
   -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
@@ -8627,8 +8655,8 @@ html[theme="default"] [type=password].form-control:focus,
 html[theme="default"] [type=email].form-control:focus,
 html[theme="default"] [type=tel].form-control:focus,
 html[theme="default"] [contenteditable].form-control:focus {
-  -webkit-box-shadow: inset 0 -2px 0 #acd5e3;
-  box-shadow: inset 0 -2px 0 #acd5e3;
+  -webkit-box-shadow: inset 0 -2px 0 #f59f86;
+  box-shadow: inset 0 -2px 0 #f59f86;
 }
 html[theme="default"] textarea[disabled],
 html[theme="default"] textarea.form-control[disabled],
@@ -9033,21 +9061,21 @@ html[theme="default"] .nav-tabs > li > a:focus {
 html[theme="default"] .nav-tabs > li > a:hover,
 html[theme="default"] .nav-tabs > li > a:focus:hover {
   background-color: transparent;
-  -webkit-box-shadow: inset 0 -2px 0 #acd5e3;
-  box-shadow: inset 0 -2px 0 #acd5e3;
-  color: #acd5e3;
+  -webkit-box-shadow: inset 0 -2px 0 #e54c75;
+  box-shadow: inset 0 -2px 0 #e54c75;
+  color: #e54c75;
 }
 html[theme="default"] .nav-tabs > li.active > a,
 html[theme="default"] .nav-tabs > li.active > a:focus {
   border: none;
-  -webkit-box-shadow: inset 0 -2px 0 #acd5e3;
-  box-shadow: inset 0 -2px 0 #acd5e3;
-  color: #acd5e3;
+  -webkit-box-shadow: inset 0 -2px 0 #e54c75;
+  box-shadow: inset 0 -2px 0 #e54c75;
+  color: #e54c75;
 }
 html[theme="default"] .nav-tabs > li.active > a:hover,
 html[theme="default"] .nav-tabs > li.active > a:focus:hover {
   border: none;
-  color: #acd5e3;
+  color: #e54c75;
 }
 html[theme="default"] .nav-tabs > li.disabled > a {
   -webkit-box-shadow: inset 0 -1px 0 #ddd;