1 files changed, 52 insertions, 0 deletions
diff --git a/css/app.css b/css/app.css
new file mode 100644
index 0000000..1f911db
--- /dev/null
+++ b/css/app.css
@@ -0,0 +1,52 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.waiting-message, .no-winner, .winner {
+  align-items: center;
+  color: white;
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+  width: 100vw;
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 10vh;
+  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
+  font-weight: 600;
+}
+
+.michaelangelo {
+  background-color: orange;
+}
+
+.donatello {
+  background-color: purple;
+}
+
+.leonardo {
+  background-color: blue;
+}
+
+.raphael {
+  background-color: red;
+}
+
+.no-winner {
+  background-color: silver;
+}
+
+.waiting-message {
+  background-color: black;
+}
+
+/* Vue built-in transitions */
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 1.5s
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0
+}