added a font and some text configurations

sepsol · Jun 6, 2020 · 017d176 · 017d176
1 parent abd5a9c
commit 017d176
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/assets/fonts/Rubik-Regular.ttf b/assets/fonts/Rubik-Regular.ttf
diff --git a/styles.css b/styles.css
@@ -18,6 +18,7 @@ li {
 body {
   background-color: var(--secondary);
   overflow-x: hidden;
+  font-family: 'Rubik Regular';
 }
 .button {
   background-color: none;
@@ -42,6 +43,29 @@ input, textarea {
 }
 
 /* fonts */
+@font-face {
+  font-family: 'Rubik Regular';
+  src: url('assets/fonts/Rubik-Regular.ttf');
+}
+h1, h2, h3, h4 {
+  color: #DDDBFF;
+  font-weight: normal;
+}
+p, a, li {
+  color: #9893D8;
+}
+h1, h3 {
+  font-size: 1.2em;
+}
+h2 {
+  font-size: 1.6em;
+}
+h4 {
+  font-size: 1.1em;
+}
+.leading {
+  font-size: 1.1em;
+}
 
 /* mobile styles */
 
@@ -52,10 +76,14 @@ input, textarea {
 
 /* large tablet & laptop styles */
 @media screen and (min-width: 960px) {
-
+  body {
+    font-size: 18px;
+  }
 }
 
 /* desktop styles */
 @media screen and (min-width: 1200px) {
-
+  body {
+    font-size: 20px;
+  }
 }