diff --git a/static/meeat-0.svg b/static/meeat-0.svg
new file mode 100644
index 0000000..205ecf4
--- /dev/null
+++ b/static/meeat-0.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/static/meeat-1.svg b/static/meeat-1.svg
new file mode 100644
index 0000000..f42660b
--- /dev/null
+++ b/static/meeat-1.svg
@@ -0,0 +1,115 @@
+
+
+
+
diff --git a/static/style.css b/static/style.css
index 4300486..6817a0e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,5 +1,16 @@
body {
font-family: sans;
+ margin: 0;
+}
+
+header {
+ height: 100px;
+}
+
+h1 {
+ padding-top: 19px;
+ margin-top: 0px;
+ margin-left: 200px;
}
.sortable {
@@ -33,7 +44,8 @@ p {
#hello, #voters {
grid-column: 1 / 3;
}
-h1, h2 {
+
+h2 {
grid-column: 1 / 3;
line-height: 1.1em;
}
@@ -65,3 +77,53 @@ h1, h2 {
padding: 1em;
background-color: hsl(240, 10%, 80%);
}
+
+.logo {
+ position: absolute;
+ outline: 1px solid lime;
+}
+.logo-1 {
+ animation-name: fadeoutin;
+ animation-duration: 10s;
+ animation-iteration-count: infinite;
+}
+.logo-2 {
+ animation-name: fadeinout;
+ animation-duration: 10s;
+ animation-iteration-count: infinite;
+}
+
+@keyframes fadeinout {
+ 0% {
+ opacity: 0%
+ }
+ 10% {
+ opacity: 100%
+ }
+ 50% {
+ opacity: 100%
+ }
+ 60% {
+ opacity: 0%
+ }
+ 100% {
+ opacity: 0%
+ }
+}
+@keyframes fadeoutin {
+ 0% {
+ opacity: 100%
+ }
+ 10% {
+ opacity: 0%
+ }
+ 50% {
+ opacity: 0%
+ }
+ 60% {
+ opacity: 100%
+ }
+ 100% {
+ opacity: 100%
+ }
+}