1 files changed, 63 insertions, 0 deletions
diff --git a/src/components/Timer.module.css b/src/components/Timer.module.css
new file mode 100644
index 0000000..b748c9e
--- /dev/null
+++ b/src/components/Timer.module.css
@@ -0,0 +1,63 @@
+.cont {
+  h2 {
+    margin-top: 0.4em;
+    margin-bottom: 1rem;
+  }
+  input {
+    width: 2em;
+    font-size: 1.5em;
+    padding: 0.3em;
+  }
+}
+.custom-option {
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 2fr 1fr;
+  margin-bottom: 1em;
+}
+.units {
+  display: inline-flex;
+  gap: 1.5em;
+  span {
+    font-size: 2em;
+  }
+}
+.not-selected-unit {
+  font-weight: lighter;
+}
+.selected-unit {
+  font-weight: bold;
+  text-decoration: underline;
+}
+.darkgray {
+  color: darkgray;
+}
+.custom-option-btn {
+  composes: generic-button from "./Button.module.css";
+  background-color: green;
+  height: 2em;
+}
+.extra-stop-btn {
+  composes: generic-button from "./Button.module.css";
+  background-color: red;
+  padding: 0.5em;
+  margin-top: 0.5em;
+}
+
+.time-left {
+  margin-bottom: 1em;
+  h2 {
+    display: inline;
+    color: lightblue;
+  }
+}
+
+.options {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem;
+}
+.option {
+  composes: generic-button from "./Button.module.css";
+  height: calc((100vw - 2rem) / 3 / 1.5);
+}