yatzee styles

yatzee/yatzee.css

@@ -2,7 +2,7 @@ body {
   background-color: #42739e;
   cursor: default;
   font-size: 130%;
-    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
 }
 
 #score {
@@ -13,7 +13,7 @@ body {
   float: left;
   border-collapse: collapse;
   border-style: hidden;
-    width: 25%;
+  width: 45%;
   z-index: 0;
   margin-bottom: 7%;
   font-size: larger;
@@ -37,7 +37,7 @@ body {
 }
 
 #main {
-    margin-top: 17%;
+  margin-top: 10%;
 }
 
 .dice {
@@ -60,12 +60,12 @@ body {
   height: 70px;
   width: 70px;
   float: right;
-    margin-right: 15px;
+  /* margin-right: 15px; */
   display: flex;
 }
 
 #center {
-    text-align: center
+  text-align: center;
 }
 
 #highscore {
@@ -93,16 +93,15 @@ body {
   font-size: large;
 }
 
-
-#full{
+#full {
   position: absolute;
   top: 5px;
   right: 0;
   z-index: 100;
-    color:rgb(165, 162, 162);
+  color: rgb(165, 162, 162);
   font-size: 3rem;
-    margin-right:5px;
-  }
+  margin-right: 5px;
+}
 
 #how {
   margin-top: 10%;
@@ -119,9 +118,10 @@ body {
   display: none;
   position: absolute;
   top: 10%;
+  left: 10%;
   padding: 3%;
   overflow: auto;
-    height: 65%;
+  height: 75%;
   width: 80%;
 }
 
@@ -131,13 +131,13 @@ body {
 }
 
 #cell31 {
-    color:#c6f2ff;
+  color: #c6f2ff;
   background-color: #181c28;
   border-radius: 15px;
 }
 
 #how:hover {
-    border: 3px black solid
+  border: 3px black solid;
 }
 
 #smX {
@@ -146,10 +146,9 @@ body {
   float: right;
 }
 
-
 @media (max-device-width: 550px) {
   .cells {
-        border-bottom: 4px solid #2E2E45;
+    border-bottom: 4px solid #2e2e45;
     border-right: 2px solid gray;
     padding-top: 4%;
     padding-bottom: 4%;
@@ -166,14 +165,14 @@ body {
   }
   .dice_pic {
     width: 50px;
-        height: 50px
+    height: 50px;
   }
   .dice_pic_hold {
     width: 50px;
-        height: 50px
+    height: 50px;
   }
   .dice {
-        width: 70%;
+    /* width: 70%; */
   }
 }
 
@@ -183,7 +182,6 @@ body {
   }
 }
 
-
 /* Large devices (laptops/desktops, 992px and up) */
 
 @media only screen and (min-width: 992px) {
@@ -192,7 +190,6 @@ body {
   }
 }
 
-
 /* Medium devices (landscape tablets, 768px and up) */
 
 @media only screen and (min-width: 768px) {