diff --git a/public/github-mark.svg b/public/github-mark.svg new file mode 100644 index 0000000..37fa923 --- /dev/null +++ b/public/github-mark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.css b/src/App.css index 52f41d9..68633dd 100644 --- a/src/App.css +++ b/src/App.css @@ -14,8 +14,15 @@ } header { - height: 50px; - background-color: blue; + height: 75px; + display: flex; + justify-content: center; + align-items: center; +} + +header h2 { + color: black; + font-size: 1.75rem; } main { @@ -29,5 +36,24 @@ main { footer { height: 50px; - background-color: yellow; -} \ No newline at end of file + display: flex; + justify-content: center; + align-items: center; +} + +footer a { + color: black; + font-size: 0.8rem; + display: flex; + justify-content: center; + align-content: center; + gap: 3px; +} + +footer a:hover { + color: #2e2e2e +} + +footer a:hover img { + filter: brightness(150%); +} diff --git a/src/App.tsx b/src/App.tsx index e49d47f..ed60af1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -5,13 +5,18 @@ function App() { return (