přidání Settings

css/style.css

@@ -31,6 +31,7 @@ li:hover {
 li {
   cursor: pointer;
   user-select: none;
+  white-space: nowrap;
 }
 
 li::before {
@@ -91,9 +92,52 @@ sub {
   position: absolute;
   z-index: 5;
   display: none;
-  background-color: rgba(0, 0, 0, 0.438);
+  background-color: rgba(0, 0, 0, 0.75);
   width: 100%;
   height: 100%;
   justify-items: center;
   align-items: center;
 }
+
+.settingsBtn {
+  float: right;
+}
+
+.settingsbg {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.75);
+  width: 100%;
+  height: 100%;
+  display: none;
+  justify-items: center;
+  align-items: center;
+}
+
+.settings {
+  background-color: white;
+  width: 30vw;
+  height: 30vh;
+  padding: 1.5em;
+  border: 5px solid #c3c3c3;
+}
+
+form {
+  display: grid;
+  grid-template-columns: max-content auto;
+  align-items: center;
+  column-gap: 2em;
+  text-align: end;
+}
+
+#settingsClose {
+  background-color: rgb(88, 88, 88);
+  color: rgb(255, 255, 255);
+  cursor: pointer;
+  user-select: none;
+  width: 2em;
+  height: 2em;
+  margin: 0 0 1em auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}