diff --git a/index.html b/index.html
index 7ff4eda..9d3e2b5 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,9 @@
position: fixed;
bottom: 0;
left: 30vw;
- width: 39%;
+ width: 39vw;
+ height: 4vh;
+ z-index: 2;
}
button.transport_button {
background-color: transparent;
@@ -46,20 +48,33 @@
font-size: 29vw;
outline: none;
color: rgba(0, 0, 0, 0.4);
+ z-index: 1;
}
button#left_button {
position: fixed;
top: 20vh;
left: 0;
- width: 30%;
- height: 99%;
+ width: 30vw;
+ height: 70vh;
}
button#right_button {
position: fixed;
top: 20vh;
right: 0;
- width: 30%;
- height: 99%;
+ width: 30vw;
+ height: 70vh;
+ }
+ button#playpause_button {
+ position: fixed;
+ bottom: 10vh;
+ left: 35vw;
+ width: 30vw;
+ height: 20vh;
+ font-size: 18vh;
+ /* animation */
+ background: linear-gradient(to left, green 50%, white 50%) right;
+ background-size: 200% 100%;
+ background-position: left;
}