diff --git a/src/style/fonts.scss b/src/style/fonts.scss
index bdd4225..91d838d 100644
--- a/src/style/fonts.scss
+++ b/src/style/fonts.scss
@@ -3,6 +3,7 @@
   font-family: 'Comfortaa';
   font-style: normal;
   font-weight: 400;
+  font-display: swap;
   src: local(''),
     url('../../static/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
@@ -14,6 +15,7 @@
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
+  font-display: swap;
   src: local(''),
     url('../../static/fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
diff --git a/src/style/mixins.scss b/src/style/mixins.scss
index cd84bf8..81c5e05 100644
--- a/src/style/mixins.scss
+++ b/src/style/mixins.scss
@@ -1,7 +1,7 @@
 $breakpoint-width: 925px !default;
 
 @mixin on-small-screen() {
-  @media (max-width: $breakpoint-width - 1px) {
+  @media (max-width: ($breakpoint-width - 1px)) {
     @content;
   }
 }
@@ -56,7 +56,7 @@ $breakpoint-width: 925px !default;
 }
 
 @mixin title-font() {
-  font: 400 3rem 'Comfortaa', serif;
+  font: 400 3rem 'Comfortaa', sans-serif;
   font-style: normal;
   color: var(--normal-text-color);
   line-height: 1;
@@ -69,7 +69,7 @@ $breakpoint-width: 925px !default;
 }
 
 @mixin sub-title-font() {
-  font: 400 1.75rem 'Comfortaa', serif;
+  font: 400 1.75rem 'Comfortaa', sans-serif;
   color: var(--normal-text-color);
   font-style: normal;
   hyphens: auto;
diff --git a/src/style/vars.scss b/src/style/vars.scss
index 3d3f440..b31ff76 100644
--- a/src/style/vars.scss
+++ b/src/style/vars.scss
@@ -25,7 +25,7 @@
     --normal-margin: 45px;
     --small-margin: 25px;
     --shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.2);
-    --inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.07);
+    --inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);
     --icon-size: 45px;
     --large-icon-size: 80px;
     --body-width: 765px;
@@ -39,7 +39,7 @@
     --normal-margin: 30px;
     --small-margin: 15px;
     --shadow: 0 0 10px 2px rgba(0, 0, 0, 0.075), 0 0 1px rgba(0, 0, 0, 0.125);
-    --inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.07);
+    --inset-shadow: inset 0 -9px 7px -7px rgb(0, 0, 0, 0.15);
     --icon-size: 35px;
     --large-icon-size: 55px;
     --body-width: 90%;
@@ -53,6 +53,5 @@
   --blurred-card-color: #26355155;
   --blur-radius: 24px;
   --special-text-color: #ffffff;
-  --inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.175),
-    inset 0 0 1px rgba(0, 0, 0, 0.4);
+  --inset-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.25), inset 0 0 1px rgba(0, 0, 0, 0.4);
 }