diff --git a/src/App.css b/src/App.css index 93d4651..e982296 100644 --- a/src/App.css +++ b/src/App.css @@ -3,21 +3,17 @@ @tailwind utilities; @tailwind variants; -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} @media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; + .DarkModeButton { + animation: DarkModeButton-spin 2.5s ease-in-out infinite alternate; } } +.H1Welcome { + //animation: Welcome-spin 1ms infinite ease-in-out; +} + .App-header { background-color: #282c34; min-height: 100vh; @@ -33,11 +29,20 @@ color: #61dafb; } -@keyframes App-logo-spin { +@keyframes DarkModeButton-spin { + from { + transform: rotate(-10deg); + } + to { + transform: rotate(10deg); + } +} + +@keyframes Welcome-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } -} +} \ No newline at end of file diff --git a/src/App.js b/src/App.js index eb86802..4c22d61 100644 --- a/src/App.js +++ b/src/App.js @@ -7,6 +7,8 @@ import SideBar from './SideBar'; import Home from './Home'; + + function App() { return (