Showing the score at the end of each round

1 files changed, 51 insertions, 0 deletions

diff --git a/style.css b/style.css
index 6499535..763cb22 100644
--- a/style.css
+++ b/style.css
@@ -67,3 +67,54 @@ p {
     color: white;
   }
 }
+
+ul.rounds {
+  padding-left: 0;
+  color: white;
+  list-style-type: none;
+  position: absolute;
+  width: 300px;
+  left: 50%;
+  margin-left: -150px;
+  top: 110px;
+}
+
+ul.rounds > li {
+  background-color: #333333;
+  text-align: center;
+  border-radius: 2px;
+  animation: hide 5s ease;
+
+  opacity: 0;
+  height: 0px;
+  line-height: 0px;
+  margin-bottom: 0px;
+}
+
+@keyframes hide {
+  0% {
+    opacity: 1;
+    height: 40px;
+    line-height: 40px;
+    margin-bottom: 10px;
+  }
+  90% {
+    opacity: 1;
+    height: 40px;
+    line-height: 40px;
+    margin-bottom: 10px;
+  }
+  95% {
+    opacity: 0;
+    height: 40px;
+    line-height: 40px;
+    margin-bottom: 10px;
+  }
+  100% {
+    opacity: 0;
+    height: 0px;
+    line-height: 0px;
+    margin-bottom: 0px;
+  }
+}
+