overhauling next and prev usage

public/s/css/f0ck-custom.css

@@ -273,3 +273,66 @@ a#rndbtn {
     border-bottom: 1px solid #1b1b1b;
     padding: 5px;
 }
+
+/* Testing Area */
+.content {
+    position: relative;
+}
+
+a#next {
+    top: 0;
+    position: absolute;
+    z-index: 1;
+    left: 0;
+    background: transparent;
+    width: 40%;
+    height: 95%;
+}
+
+a#prev {
+    position: absolute;
+    z-index: 1;
+    right: 0;
+    background: transparent;
+    width: 40%;
+    height: 95%;
+}
+
+.vjs-control-bar {
+    z-index: 2;
+}
+
+.arrow-prev {
+    height: 100%;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: end;
+}
+
+.arrow-next {
+    height: 100%;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: start;
+}
+
+
+a#next:hover {
+    opacity: 1;
+    box-shadow: none;
+}
+
+a#next {
+    opacity: 0.2;
+}
+
+a#prev:hover {
+    opacity: 1;
+    box-shadow: none;
+}
+
+a#prev {
+    opacity: 0.2;
+}