player can switch between compilation

assets/css/main.css

@@ -1,3 +1,42 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.button {
+  text-decoration: none;
+  box-shadow: 0 8px 0 0 black;
+  transition: all .3s;
+  border: 8px black solid;
+  line-height: 100%;
+  height: 70px;
+  width: 70px;
+  border-width: 2px;
+  border-radius: 100px;
+  cursor: pointer;
+  color: black;
+  font-size: 26px;
+  background-color: #ffffff59;
+}
+
+.button:hover {
+  background-color: #fdec50ff;
+}
+
+.button:active {
+  box-shadow: 0 0 0 0 black;
+}
+
+.button--close {
+  right: 24px;
+  padding-top: 10px;
+  position: absolute;
+}
+
+.button--screened {
+  top: 74px;
+}
+
+.compilation {
+  cursor: pointer;
+  max-width: 420px;
+}