From 8b581ccbe5be1219dcbb7a1f7299aa9f08472c99 Mon Sep 17 00:00:00 2001
From: akmalist <akmalqa101@gmail.com>
Date: Thu, 30 May 2019 13:21:03 -0700
Subject: [PATCH] Create Die.css

---
 src/Die.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/Die.css

diff --git a/src/Die.css b/src/Die.css
new file mode 100644
index 0000000..b728218
--- /dev/null
+++ b/src/Die.css
@@ -0,0 +1,39 @@
+body {
+  background-color: #bdf2d5;
+}
+
+.faces {
+  color: orange;
+  margin: 8px;
+}
+
+.shaking {
+  animation-name: swing;
+  animation-duration: 1s;
+}
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}