this commit is a lie

style.css

@@ -0,0 +1,92 @@
+:root {
+  --border: black;
+  --sso-pink: #e53bb9;
+  --modal-background: rgba(255, 255, 255, 0.7);
+  --highlighted-modal-background: rgba(255, 210, 242, 0.7);
+  --highlighted-row: rgba(229, 59, 185, 0.55);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  margin: 0;
+  font-family: sans-serif;
+  background-color: white;
+}
+
+body {
+  margin: 0;
+  padding: 20px;
+}
+
+.background-image {
+  position: fixed;
+  inset: 0;
+  z-index: -1;
+  background-image: url('src/background.jpg');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+.timer-container {
+  min-height: 600px;
+  padding-top: 50px;
+}
+
+.timer-panel {
+  text-align: center;
+  max-width: 40em;
+  margin: 5px auto;
+  background-color: var(--modal-background);
+  border: 1px solid var(--border);
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.location-container {
+  margin-bottom: 0;
+}
+
+.championship {
+  font-weight: bold;
+  margin-top: 0;
+}
+
+.days {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 10px;
+}
+
+.day-container {
+  flex: 1 1 auto;
+  background-color: var(--modal-background);
+  border: 1px solid var(--border);
+  border-radius: 5px;
+  padding: 5px;
+}
+
+.today {
+  background-color: var(--highlighted-modal-background);
+}
+
+.day-title {
+  text-align: center;
+}
+
+.times {
+  padding-left: 0;
+}
+
+.time-container {
+  list-style-type: none;
+  padding: 3px 5px;
+  border-radius: 5px;
+}
+
+.next-time {
+  background-color: var(--highlighted-row);
+}