diff --git a/src/style.css b/src/style.css index 6b49c92..c0ac94d 100644 --- a/src/style.css +++ b/src/style.css @@ -36,7 +36,7 @@ main { .title-bar { box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3; align-items: center; - background: #19191E; + background: #131862; display: flex; justify-content: space-between; padding: 7px; @@ -62,7 +62,7 @@ main { align-items: stretch; color: white; box-shadow: inset -1px -1px #404040, inset 1px 1px #DFDFDF, inset -2px -2px #7F7F7F, inset 2px 2px #FFFFFF, inset -3px -3px #C3C3C3, inset 3px 3px #C3C3C3, inset -4px -4px #C3C3C3, inset 4px 4px #C3C3C3; - background-color: #373737; + background-color: #2e4482; padding: 7px; } @@ -81,10 +81,10 @@ li { } .navigation { + border-right: 1px solid #bea9de; display: flex; flex-direction: column; - border-radius: 8px; - background-color: #484848; + background-color: #546bab; width: 20%; } @@ -97,7 +97,8 @@ h1 { } #nav-title { - text-align: center; + background-color: #bea9de; + margin-bottom: 7px; } .hypertext-link:visited { @@ -108,7 +109,13 @@ h1 { font-weight: bold; } +.navbar-link:hover { + border-radius: 4px; + background-color: #bea9de; +} + .navbar-link { + border-bottom: 1px solid #bea9de; text-decoration: none; color: white; }