Adjusted Font Stroke to vmin

2 files changed, 6 insertions, 6 deletions

diff --git a/styles.css b/styles.css
index 9fbff72..c755b81 100644
--- a/styles.css
+++ b/styles.css
@@ -9,6 +9,7 @@
   box-sizing: border-box;
   background-size: cover;
   background-repeat: no-repeat;
+  background-color: #DDD1C7;
   font-family: sans-serif;
 }
 
@@ -34,17 +35,16 @@
   list-style: none;
 }
 .landing-page .menu-container .menu-wrapper li {
-  margin: 10px 0;
+  margin: 0.5vmin 0;
   display: flex;
   justify-content: left;
 }
 .landing-page .menu-container .menu-wrapper li a {
   text-decoration: none;
-  letter-spacing: 5px;
   font-weight: 700;
   font-size: 15vmin;
   color: rgba(255, 255, 255, 0);
-  -webkit-text-stroke: 1.4px #353535;
+  -webkit-text-stroke: 0.12vmin #353535;
   transition-duration: 200ms;
 }
 .landing-page .menu-container .menu-wrapper li a:hover {
diff --git a/styles.scss b/styles.scss
index c86ba37..510a514 100644
--- a/styles.scss
+++ b/styles.scss
@@ -18,6 +18,7 @@ $sans-serif-font: 'Helvetica';
 
 	background-size: cover;
 	background-repeat: no-repeat;
+	background-color: $secondary-color;
 
 	font-family: sans-serif;
 }
@@ -51,17 +52,16 @@ $sans-serif-font: 'Helvetica';
 			list-style: none;
 
 			li {
-				margin: 10px 0;
+				margin: 0.5vmin 0;
 				display: flex;
 				justify-content: left;
 
 				a {
 					text-decoration: none;
-					letter-spacing: 5px;
 					font-weight: 700;
 					font-size: 15vmin;
 					color: rgba(255, 255, 255, 0);
-					-webkit-text-stroke: 1.4px $primary-color;
+					-webkit-text-stroke: 0.12vmin $primary-color;
 					transition-duration: 200ms;
 
 					&:hover {