diff --git a/navbar.css b/navbar.css index 2b35a45..bd9910f 100644 --- a/navbar.css +++ b/navbar.css @@ -22,6 +22,13 @@ z-index: 10; } +.topbar-group { + display: flex; + justify-content: space-between; + margin-left: 1cm; + margin-right: 1cm; +} + .simple-topbar { position: fixed; width: 100%; @@ -31,11 +38,19 @@ z-index: 10; } -.topbar-group { - display: flex; - justify-content: space-between; - margin-left: 1cm; - margin-right: 1cm; +.simple-topbar-backbutton { + position: absolute; + border-radius:10px; + justify-content: center; + align-items: center; + text-decoration: none; + display: grid; + font-size: 14px; + cursor: pointer; + margin: 0.1cm; + transition-duration: 0.2s; + width: 1cm; + height: 1cm; } @media only screen and (max-width: 750px) { @@ -86,6 +101,14 @@ color: #000000; } + .simple-topbar-backbutton { + color: black; + } + + .simple-topbar-backbutton:hover { + background-color: #DEDEDE; + } + } @media (prefers-color-scheme: dark) { @@ -109,4 +132,12 @@ border: 1px solid #1f1f1f; color: #ffffff; } + + .simple-topbar-backbutton { + color: #ffffff; + } + + .simple-topbar-backbutton:hover { + background-color: #3e3e3e; + } } \ No newline at end of file