diff --git a/assets/css/main.css b/assets/css/main.css
index 5cd4cee..4275794 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,3 +1,74 @@
+/* SNACKBAR */
+#snackbar {
+  visibility: hidden;
+  min-width: 250px;
+  margin-left: -125px;
+  background-color: #ffffff00;
+  color: rgb(255, 255, 255);
+  text-align: center;
+  border: 5px solid white;
+  border-radius: 10px;
+  box-shadow: 0 0 10px white;
+  box-shadow: inset 0 0 10px white;
+  padding: 16px;
+  position: fixed;
+  z-index: 1;
+  left: 50%;
+  top: 20px;
+}
+
+#snackbar.show {
+  visibility: visible;
+  -webkit-animation: fadein 0.5s, fadeout 1s 2.5s;
+  animation: fadein 0.5s, fadeout 1s 2.5s;
+}
+
+@-webkit-keyframes fadein {
+  from {
+    top: 0;
+    opacity: 0;
+  }
+  to {
+    top: 20px;
+    opacity: 1;
+  }
+}
+
+@keyframes fadein {
+  from {
+    top: 0;
+    opacity: 0;
+  }
+  to {
+    top: 20px;
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fadeout {
+  from {
+    top: 20px;
+    opacity: 1;
+  }
+  to {
+    top: 0;
+    opacity: 0;
+  }
+}
+
+@keyframes fadeout {
+  from {
+    top: 20px;
+    opacity: 1;
+  }
+  to {
+    top: 0;
+    opacity: 0;
+  }
+}
+
+/* MAIN STUFF */
+
 body {
   background-color: black;
   color: white;