reworked sidebar, navbar and language chooser

public/styles.css

@@ -3,7 +3,12 @@ body {
   background-color: #222222;
 }
 
-h1, h2, h3, h4, h5, p {
+h1,
+h2,
+h3,
+h4,
+h5,
+p {
   color: #DDDDEE
 }
 
@@ -13,6 +18,28 @@ a {
 }
 
 #navbar {
+  position: sticky;
+  top: 0;
+  overflow: hidden;
+  display: block;
+}
+
+#navbar a {
+  padding: 5px;
+  display: inline-block;
+  font-size: larger;
+}
+
+#language {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  float: right;
+  padding: 15px;
+  font-size: larger;
+}
+
+#sidebar {
   position: fixed;
   top: 0;
   right: 0;
@@ -20,17 +47,18 @@ a {
   flex-direction: column;
   display: flex;
   float: right;
+  padding: 15px;
 }
 
-#navbar a {
+#sidebar a {
   float: right;
   display: block;
   text-align: end;
   padding: 5px;
   text-decoration: none;
+  font-size: larger;
 }
 
-#navbar a:hover {
+a:hover {
   color: #D0A7DF
-}
-
+}