Initial commit

src/styles/Menu.css

@@ -0,0 +1,78 @@
+.Menu {
+  position: relative;
+  background-color: transparent;
+  overflow: visible;
+  transition: opacity 0.5s;
+  border-radius: 20%;
+  cursor: pointer;
+}
+
+.Menu_closed:hover {
+  opacity: 0.7;
+}
+
+.Menu_dots {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.Menu_dotBox {
+  position: relative;
+  width: 100%;
+  height: 33.33%;
+  background-color: transparent;
+}
+
+.Menu_dot {
+  position: absolute;
+  width: 70%;
+  height: 70%;
+  border-radius: 100%;
+  top: 15%;
+  left: 15%;
+  transition: opacity 0.4s;
+}
+
+.Menu:hover .Menu_dot {
+  opacity: 1;
+}
+
+.Menu_elements {
+  position: absolute;
+  top: -6.5%;
+  left: -265%;
+  width: 644%;
+  height: 306%;
+  background-color: transparent;
+  display: none;
+  overflow: visible;
+}
+
+.Menu_element {
+  position: relative;
+  width: 100%;
+  height: 33.33%;
+  font-size: 0.8em;
+  text-align: center;
+  padding-top: 15%;
+  box-sizing: border-box;
+}
+
+.Menu_button {
+  width: 100%;
+  background-color: white;
+  transition: background-color 0.5s, padding 0.5s;
+  opacity: 0;
+}
+.Menu_button:hover {
+  background-color: rgb(227, 227, 227);
+  padding-left: 5%;
+}
+.Menu_button:active {
+  transition: background-color 0.1s;
+  background-color: rgb(207, 207, 207);
+  padding-left: 5%;
+}