diff --git a/src/components/login.js b/src/components/login.js
index 4a5cd1d..d82911e 100644
--- a/src/components/login.js
+++ b/src/components/login.js
@@ -6,18 +6,20 @@ export default (player) => {
const [input, setInput] = useState(localStorage.getItem("token") ? localStorage.getItem("token"): "" );
return (
);
}
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/index.js b/src/index.js
index 5f7fc62..69e66d0 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,7 @@
import React, { useState } from "react";
import ReactDOM from "react-dom";
-import "./index.css";
+import "./scss/index.scss";
+import "nes.css/css/nes.min.css";
import { config } from "./config";
import axios from "axios";
import login from "./components/login";
diff --git a/src/scss/index.scss b/src/scss/index.scss
new file mode 100644
index 0000000..861933c
--- /dev/null
+++ b/src/scss/index.scss
@@ -0,0 +1,21 @@
+.login {
+ padding: 15%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ box-sizing: border-box;
+ .wrapper {
+ width: 100%;
+ input {
+ margin-bottom: 1em;
+ width: 100%;
+ display: block;
+ }
+ button {
+ width: 100%;
+ display: block;
+ }
+ }
+}