From 997999bf618ea4c4fc8c4f6a27534afa97f3731a Mon Sep 17 00:00:00 2001
From: eug-vs <eugene@eug-vs.xyz>
Date: Wed, 4 May 2022 12:57:59 +0300
Subject: feat: add css

---
 src/components/Timer.tsx |  2 +-
 src/index.tsx            |  1 +
 src/style.css            | 18 ++++++++++++++++++
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/style.css

diff --git a/src/components/Timer.tsx b/src/components/Timer.tsx
index c9d7adf..e90c3ce 100644
--- a/src/components/Timer.tsx
+++ b/src/components/Timer.tsx
@@ -81,7 +81,7 @@ const Timer: React.FC = () => {
 
   return (
     <>
-      <span>{ displayTime }</span>
+      <b>{ displayTime }</b>
       <p>{ helperText[mode] }</p>
     </>
   );
diff --git a/src/index.tsx b/src/index.tsx
index 2b8d92d..713039f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import './style.css';
 
 import Timer from './components/Timer';
 
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..04b2382
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,18 @@
+html {
+  font-family: "Open Sans", sans-serif;
+  color: #ebdbb2;
+  background-color: #282828;
+}
+p {
+  margin: 1em 0;
+}
+a {
+  color: #fabd2f;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-weight: normal;
+}
-- 
cgit v1.2.3