alphabetized css

Author: cecstar

02 - JS + CSS Clock/index.html

@@ -20,46 +20,46 @@
     }
 
     body {
-      font-size: 2rem;
+      align-items: center;
       display:flex;
       flex:1;
+      font-size: 2rem;
       min-height: 100vh;
-      align-items: center;
     }
 
     .clock {
-      width: 30rem;
-      height: 30rem;
-      border:20px solid hotpink;
-      border-radius:50%;
-      margin:50px auto;
-      position: relative;
-      padding:2rem;
       box-shadow:
         0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
         inset 0 0 10px black,
         0 0 10px rgba(0,0,0,0.2);
+      border:20px solid hotpink;
+      border-radius:50%;
+      height: 30rem;
+      margin:50px auto;
+      padding:2rem;
+      position: relative;
+      width: 30rem;
     }
 
     .clock-face {
-      position: relative;
-      width: 100%;
       height: 100%;
+      position: relative;
       transform: translateY(-3px);
+      width: 100%;
     }
 
     .hand {
-      width: 50%;
-      height: 6px;
       background: black;
+      height: 6px;
       position: absolute;
       top: 50%;
       transform-origin: 100%;
       transform: rotate(90deg);
       transition: all 0.05s;
       /*add 'if' stateement to above transition to remove glitch when clock hits 60*/
       transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
+      width: 50%;
     }
 
   </style>