diff --git a/src/App.css b/src/App.css index 41e30ee..5da3d01 100644 --- a/src/App.css +++ b/src/App.css @@ -1,4 +1,6 @@ - +.App{ + margin-bottom: 46px; +} .App-logo { height: 40vmin; pointer-events: none; diff --git a/src/App.js b/src/App.js index e5ead4c..87aa3f8 100644 --- a/src/App.js +++ b/src/App.js @@ -4,11 +4,13 @@ import {Footer } from '../src/components/Footer' import {Header } from '../src/components/Header' import {MainPage } from '../src/components/MainPage' import 'bootstrap/dist/css/bootstrap.min.css'; +import '../src/components/styles.css'; function App() { return (
-
+
)
diff --git a/src/components/styles.css b/src/components/styles.css
index 21d2fd4..095a895 100644
--- a/src/components/styles.css
+++ b/src/components/styles.css
@@ -305,6 +305,8 @@
}
.theme-dark .footer {
border-top: 2px solid #2e3241;
+ color: white;
+ background-color: #2e3241;
}
.theme-dark .header-button {
background-color: #2e3241;
diff --git a/src/index.css b/src/index.css
index 27e1f10..61c231c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,6 @@
-* {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
- }
+html{
+ margin-top: -16px;
+}
body {
margin: 0;