diff --git a/07/fonts/Vegur-Light.otf b/07/fonts/Vegur-Light.otf new file mode 100644 index 0000000..ce5b6f8 Binary files /dev/null and b/07/fonts/Vegur-Light.otf differ diff --git a/07/fonts/Vegur-Regular.otf b/07/fonts/Vegur-Regular.otf new file mode 100644 index 0000000..28978bc Binary files /dev/null and b/07/fonts/Vegur-Regular.otf differ diff --git a/07/style.css b/07/style.css index a409b73..5fa7106 100644 --- a/07/style.css +++ b/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; }