diff --git a/assets/fonts/dosvga.ttf b/assets/fonts/dosvga.ttf new file mode 100644 index 0000000..1a31d62 Binary files /dev/null and b/assets/fonts/dosvga.ttf differ diff --git a/assets/fonts/unifont.otf b/assets/fonts/unifont.otf new file mode 100644 index 0000000..9140053 Binary files /dev/null and b/assets/fonts/unifont.otf differ diff --git a/assets/style.css b/assets/style.css index c1a83a6..246b26b 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,3 +1,20 @@ +@font-face +{ + font-family: 'dos'; + src: url('fonts/dosvga.ttf'); +} +@font-face +{ + font-family: 'unifont'; + src: url('fonts/unifont.otf'); +} + +:root +{ + --font-header: 'unifont'; + --font-body: 'dos'; +} + body { margin: 0; @@ -11,7 +28,7 @@ html .navbar ul { - background-color: cyan; + background-color: red; display: flex; list-style-type: none; justify-content: center; @@ -31,11 +48,13 @@ html .navbar ul li a { - color: black; + color: white; display: block; padding: 14px 16px; text-align: center; text-decoration: none; + font-size: 1.5em; + font-family: var(--font-header); } .navbar ul li a:hover @@ -47,6 +66,7 @@ html { border: 2px solid blue; color: white; + font-family: var(--font-body); justify-content: center; margin-bottom: 5%; margin-left: 25%;