added btn hover effects & filter: drop-shadow() has been commented ou…

…t for now & will be implemented when using transparent imgs

css/style.css

@@ -24,6 +24,9 @@ body{
 .slide{
     min-width: 100%;
     height: 100%;
+
+    /* will be applied when using transparent imgs */
+    /* filter: drop-shadow(0px 0px 15px rgb(20, 220, 53)); */
 }
 
 .controls{
@@ -36,10 +39,17 @@ body{
 }
 
 button{
-    background: rgba(0, 0, 0, 0.5);
+    background: rgba(0, 0, 0, 0);
     color: #fff;
     border: none;
     padding: 10px;
+    height: 300px;
     border-radius: 5px;
     cursor: pointer;
+    transition: 0.2s;
+}
+
+button:hover{
+    transform: scale(1.2);
+    box-shadow: 0px 0px 150px 5px rgb(0, 26, 255);
 }