diff options
| -rw-r--r-- | src/components/Timer.tsx | 2 | ||||
| -rw-r--r-- | src/index.tsx | 1 | ||||
| -rw-r--r-- | src/style.css | 18 |
3 files changed, 20 insertions, 1 deletions
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; +} |