webfonts

07/style.css

@@ -1,3 +1,13 @@
+@font-face {
+  font-family: "Vegur Regular";
+  src: url("fonts/Vegur-Regular.otf");
+}
+
+@font-face {
+  font-family: "Vegur Light";
+  src: url("fonts/Vegur-Light.otf");
+}
+
 html {
   background-color: #9200e5;
   background-image: url("img/iris.jpg");
@@ -16,7 +26,9 @@ body {
   text-align: center;
   max-width: 800px;
   margin: 0 auto;
-  font-size: 1rem;
+  font-size: 1.5rem;
+  font-family: "Vegur Regular", sans-serif;
+  color: #ffffff;
 }
 
 .box {
@@ -30,11 +42,15 @@ body {
 }
 
 h1 {
-  font-size: 4rem;
+  font-size: 6rem;
+  letter-spacing: -0.2rem;
+  line-height: 5rem;
 }
 
 h2 {
-  font-size: 2rem;
+  font-size: 3rem;
+  font-family: "Vegur Light";
+  letter-spacing: -0.1rem;
 }
 
 header p {
@@ -45,6 +61,10 @@ header p.italic {
   font-style: italic;
 }
 
+main p {
+  line-height: 3rem;
+}
+
 .blink {
   animation: blinker 1s step-end infinite;
 }