diff --git a/src/App.css b/src/App.css
index e69de29..63ca151 100644
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,12 @@
+button:focus-visible {
+  outline: solid 4px var(--color-persianblue);
+  outline-offset: 8px;
+}
+button:hover {
+  background-color: var(--color-zinc);
+  color: white;
+}
+button:active {
+  background-color: var(--color-persianblue);
+  color: white;
+}
\ No newline at end of file
diff --git a/src/App.jsx b/src/App.jsx
index a176f14..06121e2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,3 +1,4 @@
+import './App.css';
 import { Outlet, useLocation } from 'react-router-dom';
 import Navbar from './components/Navbar';
 import Footer from './components/Footer';