Update ragnarok.css

ragnarok.css

@@ -2,11 +2,11 @@
     margin: 0%;
     padding: 0%;
     overflow: hidden;
+
 }
 
 body {
     background-color: black;
-    overflow: hidden;
 }
 
 
@@ -23,7 +23,6 @@ body {
     height: 100vh;
     width: 100%;
     background-color: #000000;
-    overflow: hidden;
 }
 
 
@@ -48,7 +47,7 @@ body {
 
 /* --- tutorial --- */
 .tut{
-    color: rgb(255, 221, 0);
+    color: #5e5e5e;
     font-size: 20px;
     position: absolute;
     font-family: monospace;
@@ -59,7 +58,7 @@ body {
 .play-btn {
     width: 156px;
     height: 80px;
-    background: gray;
+    background: #5d5d5d;
     position: absolute;
     top: 100px;
     font-family: monospace;
@@ -70,7 +69,7 @@ body {
     position: absolute;
     top: 0;
     left: -0.5px;
-    border-bottom: 7px solid gray;
+    border-bottom: 7px solid  #5d5d5d;
     border-left: 8px solid #000000;
     border-right: 8px solid #000000;
     width: 142px;
@@ -82,7 +81,7 @@ body {
     position: absolute;
     bottom: 0;
     left: -0.5px;
-    border-top: 9px solid gray;
+    border-top: 9px solid  #5d5d5d;
     border-left: 8px solid #000000;
     border-right: 8px solid #000000;
     width: 142px;
@@ -93,8 +92,10 @@ body {
     padding: 12px;
     padding-right: 40px;
     padding-left: 40px;
-    background: #9d9d9d;
-    border: 1px solid black;
+    background:  #7e7e7e;
+    border: 1px dashed #9e9e9e;
+    border-radius: 10px;
+    cursor: pointer;
 }
 
 
@@ -256,24 +257,24 @@ body {
 }
 
 /* --- Scores --- */
-.scores-box {
-    color: #009c00;
+.scores-cont {
+    width: 90%;
+    justify-content: space-between;
     font-family: monospace;
-    font-size: 15px;
+    font-size: 16px;
+    color: #009c00;
     position: absolute;
     top: 10px;
-    justify-content: space-between;
 }
 
-#score-box {
+.scores{
     margin-left: 20px;
 }
 
-#high-score-box {
+.high-scores{
     margin-right: 20px;
 }
 
-
 /* --- Video --- */
 .last-video {
     position: absolute;