add a dotted border to nav bar items

doesn't repeat as on firefox 142 for some reason, but it looks nice in
safari and probably chrome

bundle.css

@@ -18,6 +18,11 @@ body {
   height: 100vh;
   background-color: var(--background-body);
   font-family: ComicShannsMono Nerd Font, Chalkboard, Comic Sans MS, sans-serif;
+
+  background-image: url("/img/background.jpg");
+  background-position: 100% 100%;
+  background-size: cover;
+  backdrop-filter: blur(100px);
 }
 
 a {
@@ -167,6 +172,7 @@ nav {
     color: var(--text) !important;
     background-color: var(--background);
     border-radius: var(--rounding);
+    border: #000000 2px dotted;
 
     list-style-type: none;
     margin: 0;