diff --git a/static/css/style.css b/static/css/style.css
index c96c22d..e9fc4bf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -82,6 +82,36 @@
}
}
+#data {
+ opacity: 0;
+ left: 0;
+ right: 0;
+ top: 18%;
+ font-size: 10pt;
+ margin-inline: auto;
+ width: fit-content;
+ background-color: var(--color-brown-100);
+ animation: data .5s ease-in-out .5s forwards;
+}
+
+@keyframes data {
+ to {
+ opacity: 1;
+ }
+}
+
+@media (min-width: 576px) {
+ #data {
+ font-size: 18pt;
+ }
+}
+
+@media (min-width: 730px) {
+ #data {
+ font-size: 25pt;
+ }
+}
+
/*
* Basic animations
*/
diff --git a/tickets.html b/tickets.html
index d42a087..afe7bc3 100644
--- a/tickets.html
+++ b/tickets.html
@@ -47,7 +47,7 @@

-