feat: playing with colours

src/App.css

@@ -1,7 +1,3 @@
-* {
-  border-radius: 16px;
-}
-
 body {
   background-color: aliceblue;
   position: relative;
@@ -46,6 +42,7 @@ footer {
 .controls {
   z-index: 9;
   position: absolute;
+  color: black;
   top: 1vh;
   right: 0px;
   padding: 8px;
@@ -133,7 +130,7 @@ input:checked+.slider:before {
 }
 
 .grey {
-  color: #444;
+  opacity: 66%;
 }
 
 
@@ -193,6 +190,7 @@ h3 {
 .box {
   position: relative;
   flex: 1;
+  border-radius: 16px;
 
   &.one {
     max-width: min(96%, 768px);
@@ -265,6 +263,7 @@ button {
 
 .control {
   display: flex;
+  border-radius: 16px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -418,6 +417,7 @@ button {
   padding: 3px 8px;
   width: fit-content;
   border: 3px solid black;
+  border-radius: 16px;
   margin: 0 auto 16px auto;
 
   ul {
@@ -435,6 +435,31 @@ button {
   }
 }
 
+/*=======CONTEXT MENU=======*/
+.context-menu {
+  z-index: 3;
+  position: absolute;
+  background: aliceblue;
+  box-shadow: 4px 4px black;
+  color: black;
+  border: 3px solid black;
+  border-radius: 16px;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+
+  li {
+    padding: 8px;
+    border-bottom: 2px solid #0008;
+    border-radius: 0;
+    cursor: pointer;
+  }
+
+  li:last-child {
+    border-bottom: none;
+  }
+}
+
 
 .networkroute {
   z-index: 3;