diff --git a/css/main.css b/css/main.css index 6a3a639..c67737b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,5 +1,6 @@ body { min-height: 100vh; + margin: 0; } p { diff --git a/css/navbar.css b/css/navbar.css new file mode 100644 index 0000000..0c22386 --- /dev/null +++ b/css/navbar.css @@ -0,0 +1,25 @@ +.navbar { + align-items: center; + background-color: blue; + color: white; + display: flex; + height: 3rem; + justify-content: space-between; + padding: 0 5px 0 5px; +} + +.navbar .links { + padding-left: 1rem; + padding-right: 1rem; +} + +.navbar .links a { + color: white; + margin: 0 1rem; + text-align: center; + text-decoration: none; +} + +.navbar .links a:hover { + background-color: red; +} diff --git a/index.html b/index.html index ad8570a..6b8161b 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,19 @@ +