updated ui and script BUGY

www/public_html/scss/styles.scss

@@ -3,6 +3,7 @@ html, body{
   margin: 0; padding: 0;
   overflow: hidden;
   width:100%; height:100%;
+  background-color: black;
 }
 
 #root{
@@ -21,21 +22,10 @@ html, body{
   overflow: hidden;
   // border: 1px solid blue;
 
-  .frame{
-    position:absolute; top:0; left:0;
-    width: 100%; height:100%;
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    // background-clip: border-box;
-    // background-color: green;
-
-    // border: 1px solid red;
-    // background-image: url();
-    opacity: 0;
-    transition: opacity 100 ease-in-out;
-    &.current{
-      opacity: 1;
+  video {
+    width:100%; height:100%;
+    source:not(.1080p){
+      display:none;
     }
   }
 
@@ -45,7 +35,7 @@ html, body{
   position: absolute; z-index: 9;
   bottom:0; left:0; width:67%; margin:1% 0 1% 32%; height:3em;
   background-color: rgba(255, 255, 255, 0.6);
-  border-radius: 5px;
+  border-radius: 2px;
 }
 
 
@@ -53,5 +43,5 @@ html, body{
   position: absolute; z-index: 9;
   bottom:0; left:0; width:30%; margin:1%; height:40%;
   background-color: rgba(255, 255, 255, 0.6);
-  border-radius: 5px;
+  border-radius: 2px;
 }