diff --git a/frontend/src/App.css b/frontend/src/App.css index cd6817a..b9d2f81 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -1,15 +1,9 @@ #root { width: 100%; max-width: 1280px; - min-width: 375px; - margin: 0 auto; text-align: center; } -.mainText { - color: #5f5e5e; -} - /* General table styles */ table { width: 100%; @@ -23,13 +17,11 @@ table { th { background-color: #4CAF50; /* Green */ color: white; - padding: 10px; text-align: left; } /* Table cell styles */ td { - padding: 10px; border: 1px solid #ddd; } @@ -38,25 +30,6 @@ tr:nth-child(even) { background-color: #f2f2f2; } -/* Responsive table styles */ -@media (max-width: 600px) { - table { - display: block; - overflow-x: auto; - white-space: nowrap; - } - - th, td { - padding: 8px; - font-size: 0.9em; - } - - th { - font-weight: bold; - background-color: #3C8A3C; - } -} - /* Hover effect for rows */ tr:hover { background-color: #f1f1f1; diff --git a/frontend/src/index.css b/frontend/src/index.css index 08a3ac9..3cf31c9 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -1,18 +1,3 @@ -:root { - font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - a { font-weight: 500; color: #646cff; @@ -28,41 +13,5 @@ body { place-items: center; min-width: 320px; min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } + overflow-x: hidden; }