init

static/styles/main.css

@@ -0,0 +1,54 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: "AmarilloUSAF";
+}
+
+@font-face {
+  font-family: "AmarilloUSAF";
+  src: url("/fonts/amarurgt.ttf") format("truetype");
+}
+
+.background-container {
+  position: fixed;
+  z-index: -1;
+}
+.background-image ,
+.background-filter {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+}
+.background-image {
+  object-fit: cover;
+  filter: blur(10px);
+  scale: 1.1;
+}
+.background-filter {
+  background-color: #1b1b1ccc;
+}
+
+body {
+  color: #fff;
+}
+
+.main-title {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 50vh;
+}
+
+.time {
+  font-size: 4rem;
+  color: #EF2843;
+}
+
+.time-label {
+  font-size: 2rem;
+}
+
+.subtitle {
+  font-family: "AmarilloUSAF";
+}