diff --git a/assets/css/main.css b/assets/css/main.css index cec77ad..a5a65a2 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -23,37 +23,47 @@ body { .navbar { list-style-type: none; + display: inline; margin: 0px; padding: 0px; } .navbar li { - font-family: FiraCode Bold; display: inline; } -.navbar li a { - text-decoration: none; - font-size: 20px; - color: #bb53f3; -} - .navbar > li > a { - margin-left: 4px; - margin-right: 4px; -} - -.navbar li h1 { + font-family: FiraCode Bold; + margin-left: 3px; + margin-right: 3px; display: inline; } -.navbar li h1 a { +.navbar a { + text-decoration: none; + font-size: 20px; + display: inline; + color: #bb53f3; +} + +.navbar h1 { + margin-bottom: 0px; +} + +.navbar h1 a { color: #bb53f3; font-size: 30px; - font-family: Super Pixel; display: inline; + font-family: Super Pixel; } +@media (min-width: 600px) { + .navbar li h1 { + display: inline; + } +} + + .navbar a:hover { color: white; } @@ -64,7 +74,7 @@ body { .main { color: white; font-family: FiraCode; - width: 1000px; + width: 70%; } .main h2 { diff --git a/index.html b/index.html index 676c65c..82a698f 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@