Poll voting

styles/style.css

@@ -5,6 +5,7 @@
   --main-fg-color: white;
   --main-accent-color: rgb(253, 122, 0);
   --disabled-color: gray;
+  --green: green;
 }
 @supports (color: color(display-p3 1 1 1)) {
   :root {
@@ -49,7 +50,7 @@ button:disabled {
 }
 
 .hidden {
-  display: none;
+  display: none !important;
 }
 
 /* Header */
@@ -100,6 +101,7 @@ header {
 .datewrapper {
   display: grid;
   grid-column-gap: 8px;
+  margin-left: 8px;
 }
 
 .created_at {
@@ -121,3 +123,21 @@ datewrapper time {
 .votes-remaining {
   font-size: small;
 }
+
+/* Success banner */
+.success-banner {
+  background-color: var(--green);
+  padding: 8px;
+  display: inline-block;
+  margin-bottom: 8px;
+  cursor: pointer;
+  transition: all 0.5s ease-in;
+}
+
+.success-banner.hiding {
+  transform: translateX(-150%);
+}
+
+.success-banner span {
+  font-size: x-large;
+}