diff --git a/dist/main.js b/dist/main.js
index f14036f..14fc0c0 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -15,7 +15,7 @@
   \*************************************************************/
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"* {\\n  box-sizing: border-box;\\n}\\n\\nbody {\\n  margin-left: 2px;\\n  margin-right: 2px;\\n  padding: 0;\\n  height: 100vh;\\n  border-top: 3px solid black;\\n}\\n\\n.heading {\\n  text-align: center;\\n}\\n\\n.nav-link {\\n  display: flex;\\n  gap: 12px;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgb(113, 184, 242);\\n  height: 70px;\\n  border-top: 2px black solid;\\n}\\n\\nul {\\n  list-style-type: none;\\n  display: flex;\\n}\\n\\nli {\\n  margin: 0 10px;\\n}\\n\\n.main-head {\\n  border-top: 2px black solid;\\n}\\n\\n.head-word {\\n  font-size: 3rem;\\n  padding-left: 20px;\\n}\\n\\n.new {\\n  width: 55%;\\n}\\n\\ntable {\\n  width: 80%;\\n  border: 3px black solid;\\n}\\n\\ntd {\\n  padding-left: 6px;\\n  font-size: 1.3rem;\\n}\\n\\n.fa-icon {\\n  color: rgb(41, 56, 13);\\n}\\n\\n.adding {\\n  width: 50%;\\n  display: flex;\\n  flex-direction: column;\\n}\\n\\n.input-mark {\\n  display: flex;\\n  width: 70%;\\n  flex-direction: column;\\n  padding: 10px;\\n  gap: 20px;\\n}\\n\\n.reload {\\n  padding: 5px;\\n  width: 80px;\\n  box-shadow: 3px 3px 3px 3px;\\n}\\n\\n.submit {\\n  width: 80px;\\n  align-self: flex-end;\\n  margin-right: 10px;\\n  padding: 5px;\\n  box-shadow: 3px 3px 3px 3px;\\n}\\n\\n#link {\\n  width: 55%;\\n  padding: 10px;\\n}\\n\\n#footer {\\n  height: 30px;\\n  width: 100%;\\n  background-color: rgb(84, 164, 228);\\n  border-top: 2px black solid;\\n}\\n\\n.fa-search {\\n  padding: 16px;\\n}\\n\\ntable > tbody > tr:nth-of-type(even) {\\n  background-color: rgb(210, 220, 229);\\n}\\n\\n.input-mark > input {\\n  padding: 7px;\\n  width: 110%;\\n}\\n\\n.main-container {\\n  display: flex;\\n  padding: 20px 50px;\\n}\\n\\n.adding-head {\\n  padding-left: 10px;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://leaderboard/./src/style.css?./node_modules/css-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"* {\\n  box-sizing: border-box;\\n}\\n\\nbody {\\n  margin-left: 2px;\\n  margin-right: 2px;\\n  padding: 0;\\n  height: 100%;\\n  font-family: cursive;\\n\\n  /* background-color: hwb(240 9% 91%); */\\n  background-image: -webkit-linear-gradient(65deg, #3bd6c9 40%, #46dd39 60%);\\n}\\n\\n.heading {\\n  text-align: center;\\n  color: #f31f2d;\\n}\\n\\n.nav-link {\\n  display: flex;\\n  gap: 12px;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgb(113, 184, 242);\\n  height: 70px;\\n  border-top: 2px black solid;\\n}\\n\\nul {\\n  list-style-type: none;\\n  display: flex;\\n}\\n\\nli {\\n  margin: 0 10px;\\n}\\n\\n.main-head {\\n  border-top: 2px black solid;\\n}\\n\\n.head-word {\\n  font-size: 3rem;\\n  padding-left: 20px;\\n  color: rgb(20, 174, 123);\\n}\\n\\n.new {\\n  width: 55%;\\n}\\n\\ntable {\\n  width: 80%;\\n  border: 3px black solid;\\n}\\n\\ntd {\\n  padding-left: 6px;\\n  font-size: 1.3rem;\\n}\\n\\n.fa-icon {\\n  color: rgb(41, 56, 13);\\n}\\n\\n.adding {\\n  width: 50%;\\n  display: flex;\\n  flex-direction: column;\\n}\\n\\n.input-mark {\\n  display: flex;\\n  width: 70%;\\n  flex-direction: column;\\n  padding: 10px;\\n  gap: 20px;\\n}\\n\\n.reload {\\n  padding: 5px;\\n  width: 80px;\\n  box-shadow: 3px 3px 3px 3px;\\n  background-color: rgba(238, 19, 194, 0.876);\\n}\\n\\n.submit {\\n  width: 80px;\\n  align-self: flex-end;\\n  margin-right: 10px;\\n  padding: 5px;\\n  box-shadow: 3px 3px 3px 3px;\\n  background-color: rgb(219, 9, 174);\\n}\\n\\n#link {\\n  width: 55%;\\n  padding: 10px;\\n}\\n\\nbutton {\\n  cursor: pointer;\\n}\\n\\nbutton:hover {\\n  color: white;\\n  border-radius: 35%;\\n  background-color: rgb(70, 23, 239);\\n}\\n\\n#footer {\\n  height: 30px;\\n  width: 100%;\\n  background-color: rgb(84, 164, 228);\\n  border-top: 2px black solid;\\n}\\n\\n#add-name {\\n  border-radius: 10%;\\n  border-color: rgb(145, 24, 197);\\n}\\n\\ninput {\\n  color: rgb(149, 27, 27);\\n}\\n\\n#add-score {\\n  border-radius: 10%;\\n  border-color: rgb(145, 24, 197);\\n}\\n\\n.fa-search {\\n  padding: 16px;\\n}\\n\\ntable > tbody > tr:nth-of-type(even) {\\n  background-color: rgb(90, 246, 78);\\n}\\n\\ntable > tbody > tr:nth-of-type(odd) {\\n  background-color: rgb(0, 221, 255);\\n}\\n\\n.input-mark > input {\\n  padding: 7px;\\n  width: 110%;\\n}\\n\\n.main-container {\\n  display: flex;\\n  padding: 20px 50px;\\n}\\n\\n.adding-head {\\n  padding-left: 10px;\\n}\\n\\nheader {\\n  background-color: rgb(8, 153, 117);\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://leaderboard/./src/style.css?./node_modules/css-loader/dist/cjs.js");
 
 /***/ }),
 
diff --git a/src/style.css b/src/style.css
index 9059fdb..8916771 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,12 +6,14 @@ body {
   margin-left: 2px;
   margin-right: 2px;
   padding: 0;
-  height: 100vh;
-  border-top: 3px solid black;
+  height: 100%;
+  font-family: cursive;
+  background-image: -webkit-linear-gradient(65deg, #3bd6c9 40%, #46dd39 60%);
 }
 
 .heading {
   text-align: center;
+  color: #f31f2d;
 }
 
 .nav-link {
@@ -40,6 +42,7 @@ li {
 .head-word {
   font-size: 3rem;
   padding-left: 20px;
+  color: rgb(6, 18, 14);
 }
 
 .new {
@@ -78,6 +81,7 @@ td {
   padding: 5px;
   width: 80px;
   box-shadow: 3px 3px 3px 3px;
+  background-color: rgba(238, 19, 194, 0.876);
 }
 
 .submit {
@@ -86,6 +90,7 @@ td {
   margin-right: 10px;
   padding: 5px;
   box-shadow: 3px 3px 3px 3px;
+  background-color: rgb(219, 9, 174);
 }
 
 #link {
@@ -93,6 +98,16 @@ td {
   padding: 10px;
 }
 
+button {
+  cursor: pointer;
+}
+
+button:hover {
+  color: white;
+  border-radius: 35%;
+  background-color: rgb(70, 23, 239);
+}
+
 #footer {
   height: 30px;
   width: 100%;
@@ -100,12 +115,30 @@ td {
   border-top: 2px black solid;
 }
 
+#add-name {
+  border-radius: 10%;
+  border-color: rgb(145, 24, 197);
+}
+
+input {
+  color: rgb(149, 27, 27);
+}
+
+#add-score {
+  border-radius: 10%;
+  border-color: rgb(145, 24, 197);
+}
+
 .fa-search {
   padding: 16px;
 }
 
 table > tbody > tr:nth-of-type(even) {
-  background-color: rgb(210, 220, 229);
+  background-color: rgb(90, 246, 78);
+}
+
+table > tbody > tr:nth-of-type(odd) {
+  background-color: rgb(0, 221, 255);
 }
 
 .input-mark > input {
@@ -121,3 +154,7 @@ table > tbody > tr:nth-of-type(even) {
 .adding-head {
   padding-left: 10px;
 }
+
+header {
+  background-color: rgb(8, 153, 117);
+}