From 425a81543581a450abf9e68c3a39ef1b2b5e9315 Mon Sep 17 00:00:00 2001
From: nek0 <nek0@chelnok.de>
Date: Sun, 5 Apr 2015 03:22:12 +0200
Subject: [PATCH] shake it baby

---
 static/css/main.css | 66 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 378f6ba..072022d 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -65,6 +65,21 @@ th {
 
 h1 {
 	text-align: center;
+	display: block;
+	position: relative;
+	transform-origin: 50% 50%;
+	animation-name: shake;
+	animation-duration: 0.8s;
+	animation-iteration-count: infinite;
+	animation-timing-function: linear;
+	-webkit-animation-name: shake;
+	-webkit-animation-duration: 0.8s;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-timing-function: linear;
+	-moz-animation-name: shake;
+	-moz-animation-duration: 0.8s;
+	-moz-animation-iteration-count: infinite;
+	-moz-animation-timing-function: linear;
 }
 
 input[type="submit"] {
@@ -84,3 +99,54 @@ input[type="submit"] {
 		line-height: 7em;
 	}
 }
+
+@keyframes shake {
+	0%   {transform: translate(2px, 1px)   rotate(0deg);
+	      color: black;}
+	10%  {transform: translate(-1px, -2px) rotate(-1deg);}
+	20%  {transform: translate(-3px, 0px)  rotate(1deg);}
+	30%  {transform: translate(0px, 2px)   rotate(0deg);}
+	40%  {transform: translate(1px, -1px)  rotate(1deg);}
+	50%  {transform: translate(-1px, 1px)  rotate(-1deg);
+	      color: red;}
+	60%  {transform: translate(-3px, -2px)  rotate(0deg);}
+	70%  {transform: translate(2px, 1px)   rotate(-1deg);}
+	80%  {transform: translate(-1px, -2px) rotate(1deg);}
+	90%  {transform: translate(2px, -1px)   rotate(0deg);}
+	100% {transform: translate(1px, -2px)  rotate(-1deg);
+	      color: black;}
+}
+
+@-webkit-keyframes shake {
+	0%   {-webkit-transform: translate(2px, 1px)   rotate(0deg);
+	      color: black;}
+	10%  {-webkit-transform: translate(-1px, -2px) rotate(-1deg);}
+	20%  {-webkit-transform: translate(-3px, 0px)  rotate(1deg);}
+	30%  {-webkit-transform: translate(0px, 2px)   rotate(0deg);}
+	40%  {-webkit-transform: translate(1px, -1px)  rotate(1deg);}
+	50%  {-webkit-transform: translate(-1px, 1px)  rotate(-1deg);
+	      color: red;}
+	60%  {-webkit-transform: translate(-3px, -2px)  rotate(0deg);}
+	70%  {-webkit-transform: translate(2px, 1px)   rotate(-1deg);}
+	80%  {-webkit-transform: translate(-1px, -2px) rotate(1deg);}
+	90%  {-webkit-transform: translate(2px, -1px)   rotate(0deg);}
+	100% {-webkit-transform: translate(1px, -2px)  rotate(-1deg);
+	      color: black;}
+}
+
+@-moz-keyframes shake {
+	0%   {-moz-transform: translate(2px, 1px)   rotate(0deg);
+	      color: black;}
+	10%  {-moz-transform: translate(-1px, -2px) rotate(-1deg);}
+	20%  {-moz-transform: translate(-3px, 0px)  rotate(1deg);}
+	30%  {-moz-transform: translate(0px, 2px)   rotate(0deg);}
+	40%  {-moz-transform: translate(1px, -1px)  rotate(1deg);}
+	50%  {-moz-transform: translate(-1px, 1px)  rotate(-1deg);
+	      color: red;}
+	60%  {-moz-transform: translate(-3px, -2px)  rotate(0deg);}
+	70%  {-moz-transform: translate(2px, 1px)   rotate(-1deg);}
+	80%  {-moz-transform: translate(-1px, -2px) rotate(1deg);}
+	90%  {-moz-transform: translate(2px, -1px)   rotate(0deg);
+	      color: black;}
+	100% {-moz-transform: translate(1px, -2px)  rotate(-1deg);}
+}