diff --git a/css/pokenurse.css b/css/pokenurse.css
index 1ac26bb..ba47ca8 100644
--- a/css/pokenurse.css
+++ b/css/pokenurse.css
@@ -1,19 +1,31 @@
 /* Global style */
 
+@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
+.noselect {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+body {
+  font-family: 'Source Sans Pro', sans-serif;
+  color: white;
+  font-weight: 300;
+}
 .header {
   background-image: url('../imgs/bg.jpg');
   background-position: center top;
   background-size: cover;
   padding: 5vh 5vw;
-  margin-bottom: 15px;
+  height: 140px;
   color: #fff;
 }
-
 #profile-header {
   padding-left: 30%;
   font-weight: bold;
 }
-
 #refresh-btn {
   font-size: 0.5em;
   padding-left: 5px;
@@ -21,657 +33,1326 @@
 #refresh-btn:hover {
   cursor: pointer;
 }
-
 thead > tr > td {
   cursor: pointer;
 }
-
 tbody > tr > td > a {
   cursor: pointer;
 }
-
 .favorite-yellow {
   color: #F3BC0A;
 }
-
 .favorite {
   cursor: pointer;
   top: 4px;
 }
+.pointer {
+  cursor: pointer;
+}
 
+/* Login CSS */
+
+.bg-holder {
+  height: calc(100% - 165px);
+}
+#content {
+  position: fixed;
+  background: url('../imgs/Parkscene_Background.png') center center no-repeat;
+  background-size: cover;
+  height: 100vh;
+  width: 100vw;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.login-holder form {
+  padding: 0;
+  position: relative;
+  z-index: 2;
+}
+.login-holder form input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  border: 1px solid rgba(255, 255, 255, 0.4);
+  background-color: rgba(255, 255, 255, 0.2);
+  width: 250px;
+  border-radius: 3px;
+  padding: 10px 15px;
+  margin: 0 auto 10px auto;
+  display: block;
+  text-align: center;
+  font-size: 18px;
+  color: white;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  font-weight: 300;
+}
+.login-holder form input[type="text"]:hover, form input[type="password"]:hover {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+.login-holder form input[type="text"]:focus, form input[type="password"]:focus {
+  background-color: white;
+  width: 300px;
+  color: darkgray;
+}
+.login-holder form input[type="button"] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  background-color: white;
+  border: 0;
+  padding: 10px 15px;
+  color: #4a4a4a;
+  border-radius: 3px;
+  width: 250px;
+  cursor: pointer;
+  font-size: 18px;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+}
+.login-holder form button:hover {
+  background-color: #f5f7f9;
+}
+.login-holder input[type=checkbox] {
+  display: none;
+}
+.login-holder input[type=checkbox] + label:before {
+  font-family: 'Glyphicons Halflings' !important;
+  display: inline-block;
+}
+.login-holder input[type=checkbox] + label:before {
+  content: "\e157";
+  letter-spacing: 10px;
+}
+.login-holder input[type=checkbox]:checked + label:before {
+  content: "\e067";
+  letter-spacing: 10px;
+}
+.checkbox_container {
+  margin: 0 auto 10px auto;
+  text-align: center;
+  width: 250px;
+}
 .pointer {
   cursor: pointer;
 }
+.switch {
+  margin: 4rem auto;
+}
+.switch {
+  width: 24rem;
+  position: relative;
+}
+.switch input {
+  position: absolute;
+  top: 0;
+  z-index: 2;
+  opacity: 0;
+  cursor: pointer;
+}
+.switch input:checked {
+  z-index: 1;
+}
+.switch input:checked + label {
+  opacity: 1;
+  cursor: default;
+}
+.switch input:not(:checked) + label:hover {
+  opacity: 0.5;
+}
+.switch label {
+  color: #fff;
+  opacity: 0.33;
+  transition: opacity 0.25s ease;
+  cursor: pointer;
+}
+.switch .toggle-outside {
+  height: 100%;
+  border-radius: 2rem;
+  padding: 0.25rem;
+  overflow: hidden;
+  transition: 0.25s ease all;
+}
+.switch .toggle-inside {
+  border-radius: 5rem;
+  background: #4a4a4a;
+  position: absolute;
+  transition: 0.25s ease all;
+}
+.switch--horizontal {
+  width: 18rem;
+  height: 3rem;
+  margin: 0 auto;
+  font-size: 0;
+  margin-bottom: 1rem;
+}
+.switch--horizontal input {
+  height: 3rem;
+  width: 6rem;
+  left: 6rem;
+  margin: 0;
+}
+.switch--horizontal label {
+  font-size: 1.5rem;
+  line-height: 3rem;
+  display: inline-block;
+  width: 6rem;
+  height: 100%;
+  margin: 0;
+  text-align: center;
+}
+.switch--horizontal label:last-of-type {
+  margin-left: 6rem;
+}
+.switch--horizontal .toggle-outside {
+  background-color: rgba(255, 255, 255, 0.4);
+  position: absolute;
+  width: 6rem;
+  left: 6rem;
+}
+.switch--horizontal .toggle-inside {
+  height: 2.5rem;
+  width: 2.5rem;
+}
+.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
+  left: 0.25rem;
+}
+.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
+  left: 3.25rem;
+}
+.main {
+  height: calc(100% - 25px);
+  width: calc(100% - 50px);
+  margin-left: 25px;
+  margin-top: 25px;
+  display: table;
+}
+.container_login {
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.4);
+  display: table-cell;
+  vertical-align: middle;
+}
 
 /* Pokemon Detail CSS */
 
+.container {
+  background-color: rgba(0, 0, 0, 0.4);
+}
 .pokemon-avatar-sprite {
   width: 48px;
   height: 48px;
   margin-top: -10px;
   margin-bottom: -10px;
 }
-
 #mv_contents {
-margin-left: 30px;
-margin-right: 10px;
-background: #fafafa;
-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.43);
-padding: 50px;
-margin-bottom: 100px;
-text-align: center;
-border-radius: 3px;
-min-height:525px;
-display:inline-block;
+  margin-left: 30px;
+  margin-right: 10px;
+  background: #fafafa;
+  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.43);
+  padding: 50px;
+  margin-bottom: 100px;
+  text-align: center;
+  border-radius: 3px;
+  min-height: 525px;
+  display: inline-block;
 }
-
 #pokemon_contents {
-margin-left: 30px;
-margin-right: 30px;
-background: #fafafa;
-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.43);
-padding: 10px;
-text-align: center;
-max-width: 550px;
-margin: auto;
-border-radius: 3px;
-width: 450px;
-box-sizing: border-box;
-padding-top: 50px;
-margin-bottom: 100px;
+  margin-left: 30px;
+  margin-right: 30px;
+  background: #fafafa;
+  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.43);
+  padding: 10px;
+  text-align: center;
+  max-width: 550px;
+  margin: auto;
+  border-radius: 3px;
+  width: 450px;
+  box-sizing: border-box;
+  padding-top: 50px;
+  margin-bottom: 100px;
 }
-
 .pokedex-item {
-display:inline-block;
-margin-left:20px;
-margin-right:20px;
-text-align:center;
-position: relative;
-margin-bottom:20px;
+  display: inline-block;
+  margin-left: 20px;
+  margin-right: 20px;
+  text-align: center;
+  position: relative;
+  margin-bottom: 20px;
 }
-
 .move-item {
-display:block;
-margin-left:20px;
-margin-right:20px;
-text-align:center;
-position: relative;
-margin-bottom:20px;
-height:100px;
-width:400px;
-border-bottom:1px solid lightgrey;
+  display: block;
+  margin-left: 20px;
+  margin-right: 20px;
+  text-align: center;
+  position: relative;
+  margin-bottom: 20px;
+  height: 100px;
+  width: 400px;
+  border-bottom: 1px solid lightgrey;
 }
-
 .move-item-details {
-position: absolute;
-bottom: 0;
-margin: auto;
-display: block;
-left: 0;
-right: 0;
+  position: absolute;
+  bottom: 0;
+  margin: auto;
+  display: block;
+  left: 0;
+  right: 0;
 }
-
 .move-item-details-text-left {
-position: absolute;
-left: 40px;
-bottom:20px;
-color:#717171;
-font-size:10px;
-text-transform: uppercase;
+  position: absolute;
+  left: 40px;
+  bottom: 20px;
+  color: #717171;
+  font-size: 10px;
+  text-transform: uppercase;
 }
-
 .move-item-stat {
-font-size: 16px;
-top: 1px;
-color: #3c605c;
-text-transform: capitalize;
-position: relative;
-left: 5px;
-margin-right: 6px;
-vertical-align: bottom;
+  font-size: 16px;
+  top: 1px;
+  color: #3c605c;
+  text-transform: capitalize;
+  position: relative;
+  left: 5px;
+  margin-right: 6px;
+  vertical-align: bottom;
 }
-
 .move-item-details-text-right {
-position: absolute;
-right:40px;
-bottom:20px;
-color:#717171;
-font-size:10px;
-text-transform: uppercase;
-text-align: right;
+  position: absolute;
+  right: 40px;
+  bottom: 20px;
+  color: #717171;
+  font-size: 10px;
+  text-transform: uppercase;
+  text-align: right;
 }
-
 .pokemon-glow {
-position:absolute;
-top:0;
-left:0;
-border-radius:100%;
-background: rgba(0,0,0,0);
-height:120px;
-width:100%;
-opacity: 0;
-transition: opacity  0.5s;
-z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 100%;
+  background: rgba(0, 0, 0, 0);
+  height: 120px;
+  width: 100%;
+  opacity: 0;
+  transition: opacity 0.5s;
+  z-index: 1;
 }
-
-.pokedex-item:hover .pokemon-glow{
-border-radius:100%;
-opacity: 0.3;
-transition: opacity  0.5s;
-background: -moz-radial-gradient(center, ellipse cover,  rgba(92,193,179,1) 0%, rgba(115,187,217,0) 71%, rgba(125,185,232,0) 100%);
-background: -webkit-radial-gradient(center, ellipse cover,  rgba(92,193,179,1) 0%,rgba(115,187,217,0) 71%,rgba(125,185,232,0) 100%);
-background: radial-gradient(ellipse at center,  rgba(92,193,179,1) 0%,rgba(115,187,217,0) 71%,rgba(125,185,232,0) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc1b3', endColorstr='#007db9e8',GradientType=1 );
-
+.pokedex-item:hover .pokemon-glow {
+  border-radius: 100%;
+  opacity: 0.3;
+  transition: opacity 0.5s;
+  background: -moz-radial-gradient(center, ellipse cover, rgba(92, 193, 179, 1) 0%, rgba(115, 187, 217, 0) 71%, rgba(125, 185, 232, 0) 100%);
+  background: -webkit-radial-gradient(center, ellipse cover, rgba(92, 193, 179, 1) 0%, rgba(115, 187, 217, 0) 71%, rgba(125, 185, 232, 0) 100%);
+  background: radial-gradient(ellipse at center, rgba(92, 193, 179, 1) 0%, rgba(115, 187, 217, 0) 71%, rgba(125, 185, 232, 0) 100%);
+  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5cc1b3', endColorstr='#007db9e8', GradientType=1);
 }
-
 .pokemon-name {
-text-transform: capitalize;
-position:relative;
-top: -10px;
-z-index: 2;
-text-decoration: none;
-color:black;
+  text-transform: capitalize;
+  position: relative;
+  top: -10px;
+  z-index: 2;
+  text-decoration: none;
+  color: black;
 }
-
 .pokemon-type {
-display:none;
+  display: none;
 }
-
 .pokemon-sprite {
-background: url('../imgs/sprites.png');
-height: 128px;
-width: 128px;
-position:relative;
-z-index: 2;
+  background: url('../imgs/sprites.png');
+  height: 128px;
+  width: 128px;
+  position: relative;
+  z-index: 2;
 }
-
 #pokemon_profile_sprite {
-position: absolute;
-bottom: -30px;
-margin: auto;
-left: 0;
-right: 0;
-cursor: pointer;
+  position: absolute;
+  bottom: -30px;
+  margin: auto;
+  left: 0;
+  right: 0;
+  cursor: pointer;
 }
-
 #pokemon_sprite_wrapper {
-height:245px;
-position: relative;
+  height: 245px;
+  position: relative;
 }
-
 #pokemon_sprite_sphere_wrapper {
-overflow: hidden;
-height: 200px;
-display: block;
-width: 394px;
-margin: auto;
+  overflow: hidden;
+  height: 200px;
+  display: block;
+  width: 394px;
+  margin: auto;
 }
-
 #pokemon_sprite_sphere {
-position: relative;
-height: 390px;
-width: 390px;
-border-radius: 100%;
-display: block;
-margin: auto;
-padding-top: 60px;
-box-sizing: border-box;
-border: 5px solid #e1e1e8;
-opacity: 0.3;
+  position: relative;
+  height: 390px;
+  width: 390px;
+  border-radius: 100%;
+  display: block;
+  margin: auto;
+  padding-top: 60px;
+  box-sizing: border-box;
+  border: 5px solid #e1e1e8;
+  opacity: 0.3;
 }
-
 #pokemon_sprite_sphere_dot {
-position: absolute;
-bottom: 15px;
-right: 0px;
-left: 279px;
-height: 10px;
-width: 10px;
-background: #d8d8d8;
-border-radius: 100%;
-transform: rotate(0deg) translate(-192px);
+  position: absolute;
+  bottom: 15px;
+  right: 0px;
+  left: 279px;
+  height: 10px;
+  width: 10px;
+  background: #d8d8d8;
+  border-radius: 100%;
+  transform: rotate(0deg) translate(-192px);
 }
-
 #pokemon_name {
-font-size: 40px;
-margin-top: 3px;
-color:#466c6d;
-text-transform: capitalize;
+  font-size: 40px;
+  margin-top: 3px;
+  color: #466c6d;
+  text-transform: capitalize;
 }
-
 #pokemon_health_bar {
-display: block;
-margin: auto;
-width: 240px;
-background: #6ceaba;
-height: 7px;
-margin-top: 8px;
-border-radius: 2px;
-border: 1px solid #61cea4;
-box-sizing: border-box;
+  display: block;
+  margin: auto;
+  width: 240px;
+  background: #6ceaba;
+  height: 7px;
+  margin-top: 8px;
+  border-radius: 2px;
+  border: 1px solid #61cea4;
+  box-sizing: border-box;
 }
-
 #pokemon_health {
-font-size: 20px;
-margin-top: 4px;
-color: #383e3c;
+  font-size: 20px;
+  margin-top: 4px;
+  color: #383e3c;
 }
-
 #pokemon_info {
-display: block;
-width: 100%;
-height: 70px;
-margin-top: 20px;
-position:relative;
-border-bottom: 1px solid #e2e2e2;
+  display: block;
+  width: 100%;
+  height: 70px;
+  margin-top: 20px;
+  position: relative;
+  border-bottom: 1px solid #e2e2e2;
 }
-
 .pokemon-info-item {
-display: inline-block;
-height: 100%;
-width: 32%;
-position: relative;
+  display: inline-block;
+  height: 100%;
+  width: 32%;
+  position: relative;
 }
-
 .pokemon-info-item:nth-child(1) {
-box-sizing: border-box;
-border-right: 1px solid #e2e2e2;
+  box-sizing: border-box;
+  border-right: 1px solid #e2e2e2;
 }
-
 .pokemon-info-item:nth-child(2) {
-box-sizing: border-box;
-border-right: 1px solid #e2e2e2;
+  box-sizing: border-box;
+  border-right: 1px solid #e2e2e2;
 }
-
 .pokemon-info-item-title {
-color: #717171;
-margin-top:6px;
+  color: #717171;
+  margin-top: 6px;
 }
-
 .pokemon-info-item-text {
-font-size: 16px;
-margin-top: 12px;
-color: #3c605c;
-text-transform: capitalize;
+  font-size: 16px;
+  margin-top: 12px;
+  color: #3c605c;
+  text-transform: capitalize;
 }
-
 .pokemon-stat-unit {
-color: #717171;
-font-size:14px;
-position: relative;
-top:1px;
-text-transform: lowercase;
+  color: #717171;
+  font-size: 14px;
+  position: relative;
+  top: 1px;
+  text-transform: lowercase;
 }
-
 .pokemon-combat-info-item {
-display: inline-block;
-height: 100%;
-width: 49%;
-position: relative;
+  display: inline-block;
+  height: 100%;
+  width: 49%;
+  position: relative;
 }
-
 .pokemon-combat-info-item:nth-child(1) {
-box-sizing: border-box;
-border-right: 1px solid #e2e2e2;
+  box-sizing: border-box;
+  border-right: 1px solid #e2e2e2;
 }
-
 .pokemon-combat-info-item-text {
-font-size: 16px;
-margin-top: 12px;
-color: #8e4646;
-text-transform: capitalize;
+  font-size: 16px;
+  margin-top: 12px;
+  color: #8e4646;
+  text-transform: capitalize;
 }
-
 #pokemon_upgrade_info {
-display: block;
-width: 100%;
-height: 70px;
-margin-top: 20px;
-position:relative;
-border-bottom: 1px solid #e2e2e2;
+  display: block;
+  width: 100%;
+  height: 70px;
+  margin-top: 20px;
+  position: relative;
+  border-bottom: 1px solid #e2e2e2;
 }
-
 .pokemon-upgrade-info-item {
-display: inline-block;
-height: 100%;
-width: 49%;
-position: relative;
+  display: inline-block;
+  height: 100%;
+  width: 49%;
+  position: relative;
 }
-
 .pokemon-upgrade-info-item-title {
-color: #717171;
-margin-top:6px;
-text-transform: uppercase;
+  color: #717171;
+  margin-top: 6px;
+  text-transform: uppercase;
 }
-
 .pokemon-upgrade-info-item-text {
-font-size: 20px;
-margin-top: 6px;
-color: #3c605c;
-text-transform: capitalize;
+  font-size: 20px;
+  margin-top: 6px;
+  color: #3c605c;
+  text-transform: capitalize;
 }
-
 .cp-upgrade {
-color: #32b741;
+  color: #32b741;
 }
-
 #pokemon_evolve_info {
-display: block;
-width: 100%;
-height: 165px;
-margin-top: 20px;
-position: relative;
-border-bottom: 1px solid #e2e2e2;
+  display: block;
+  width: 100%;
+  height: 165px;
+  margin-top: 20px;
+  position: relative;
+  border-bottom: 1px solid #e2e2e2;
 }
-
 .pokemon-evolve-info-item {
-display:inline-block;
-height:130px;
+  display: inline-block;
+  height: 130px;
 }
-
 .pokemon-evolve-info-item-title {
-margin-top:-20px;
-text-transform: capitalize;
-text-decoration: none;
-color:#466c6d;
+  margin-top: -20px;
+  text-transform: capitalize;
+  text-decoration: none;
+  color: #466c6d;
 }
-
 .pokemon-evolve-info-title {
-margin-top:0px;
-color: #717171;
-text-transform: uppercase;
+  margin-top: 0px;
+  color: #717171;
+  text-transform: uppercase;
 }
-
 #pokemon_basic_move_info {
-display: block;
-width: 100%;
-margin-top: 20px;
-position:relative;
-border-bottom: 1px solid #e2e2e2;
-padding-bottom: 15px;
+  display: block;
+  width: 100%;
+  margin-top: 20px;
+  position: relative;
+  border-bottom: 1px solid #e2e2e2;
+  padding-bottom: 15px;
 }
-
 #pokemon_special_move_info {
-display: block;
-width: 100%;
-margin-top: 20px;
-position:relative;
-border-bottom: 1px solid #e2e2e2;
-padding-bottom: 15px;
+  display: block;
+  width: 100%;
+  margin-top: 20px;
+  position: relative;
+  border-bottom: 1px solid #e2e2e2;
+  padding-bottom: 15px;
 }
-
 .pokemon-moves-info-title {
-margin-top:15px;
-margin-bottom:35px;
-color: #717171;
-text-transform: uppercase;
+  margin-top: 15px;
+  margin-bottom: 35px;
+  color: #717171;
+  text-transform: uppercase;
 }
-
 .pokemon-move-item {
-position: relative;
-height: 60px;
-color:#3C4741;
+  position: relative;
+  height: 60px;
+  color: #3C4741;
 }
-
 .pokemon-move-title {
-position: absolute;
-top: 10px;
-left: 40px;
-text-transform: capitalize;
-color:#3c605c;
+  position: absolute;
+  top: 10px;
+  left: 40px;
+  text-transform: capitalize;
+  color: #3c605c;
 }
-
 .pokemon-move-damage {
-position: absolute;
-top: 10px;
-right: 40px;
-text-transform: capitalize;
-color:#3c605c;
+  position: absolute;
+  top: 10px;
+  right: 40px;
+  text-transform: capitalize;
+  color: #3c605c;
 }
-
 .pokemon-move-type {
-font-size: 14px;
-position: absolute;
-left: 40px;
-top: 30px;
-text-transform: capitalize;
+  font-size: 14px;
+  position: absolute;
+  left: 40px;
+  top: 30px;
+  text-transform: capitalize;
 }
-
 .pokemon-move-cost {
-position: absolute;
-top: 13px;
-margin-left: 10px;
-left: 150px;
+  position: absolute;
+  top: 13px;
+  margin-left: 10px;
+  left: 150px;
 }
-
 .pokemon-move-cost-item {
-display:inline-block;
-height:10px;
-background: rgb(68,180,252);
-background: -moz-linear-gradient(top,  rgba(68,180,252,1) 0%, rgba(104,225,251,1) 100%);
-background: -webkit-linear-gradient(top,  rgba(68,180,252,1) 0%,rgba(104,225,251,1) 100%);
-background: linear-gradient(to bottom,  rgba(68,180,252,1) 0%,rgba(104,225,251,1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b4fc', endColorstr='#68e1fb',GradientType=0 );
-margin-left:3px;
-border:3px solid #afdaff;
-border-radius:5px;
+  display: inline-block;
+  height: 10px;
+  background: rgb(68, 180, 252);
+  background: -moz-linear-gradient(top, rgba(68, 180, 252, 1) 0%, rgba(104, 225, 251, 1) 100%);
+  background: -webkit-linear-gradient(top, rgba(68, 180, 252, 1) 0%, rgba(104, 225, 251, 1) 100%);
+  background: linear-gradient(to bottom, rgba(68, 180, 252, 1) 0%, rgba(104, 225, 251, 1) 100%);
+  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#44b4fc', endColorstr='#68e1fb', GradientType=0);
+  margin-left: 3px;
+  border: 3px solid #afdaff;
+  border-radius: 5px;
+}
+.pokemon-move-type.normal {
+  color: #A8A878;
+}
+.pokemon-move-type.fire {
+  color: #F08030;
+}
+.pokemon-move-type.water {
+  color: #6890F0;
+}
+.pokemon-move-type.grass {
+  color: #78c850;
+}
+.pokemon-move-type.electric {
+  color: #f8d030;
+}
+.pokemon-move-type.ice {
+  color: #98d8d8;
+}
+.pokemon-move-type.ground {
+  color: #e0c068;
+}
+.pokemon-move-type.flying {
+  color: #a890f0;
+}
+.pokemon-move-type.poison {
+  color: #a040a0;
+}
+.pokemon-move-type.fighting {
+  color: #c03028;
+}
+.pokemon-move-type.psychic {
+  color: #f85888;
+}
+.pokemon-move-type.dark {
+  color: #705848;
+}
+.pokemon-move-type.rock {
+  color: #b8a038;
+}
+.pokemon-move-type.bug {
+  color: #a8b820;
+}
+.pokemon-move-type.ghost {
+  color: #705898;
+}
+.pokemon-move-type.steel {
+  color: #b8b8d0;
+}
+.pokemon-move-type.dragon {
+  color: #7038f8;
+}
+.pokemon-move-type.fairy {
+  color: #ffaec9;
+}
+.pokemon-sprite.bulbasaur {
+  background-position: 0px 0px;
+}
+.pokemon-sprite.ivysaur {
+  background-position: -128px 0px;
+}
+.pokemon-sprite.venusaur {
+  background-position: -256px 0px;
+}
+.pokemon-sprite.charmander {
+  background-position: -640px 0px;
+}
+.pokemon-sprite.charmeleon {
+  background-position: -768px 0px;
+}
+.pokemon-sprite.charizard {
+  background-position: -896px 0px;
+}
+.pokemon-sprite.squirtle {
+  background-position: 0px -128px;
+}
+.pokemon-sprite.wartortle {
+  background-position: -128px -128px;
+}
+.pokemon-sprite.blastoise {
+  background-position: -256px -128px;
+}
+.pokemon-sprite.caterpie {
+  background-position: -512px -128px;
+}
+.pokemon-sprite.metapod {
+  background-position: -640px -128px;
+}
+.pokemon-sprite.butterfree {
+  background-position: -768px -128px;
+}
+.pokemon-sprite.weedle {
+  background-position: -1028px -128px;
+}
+.pokemon-sprite.kakuna {
+  background-position: -1156px -128px;
+}
+.pokemon-sprite.beedrill {
+  background-position: 0px -256px;
+}
+.pokemon-sprite.pidgey {
+  background-position: -256px -256px;
+}
+.pokemon-sprite.pidgeotto {
+  background-position: -384px -256px;
+}
+.pokemon-sprite.pidgeot {
+  background-position: -512px -256px;
+}
+.pokemon-sprite.rattata {
+  background-position: -768px -256px;
+}
+.pokemon-sprite.raticate {
+  background-position: -1028px -256px;
+}
+.pokemon-sprite.spearow {
+  background-position: 0px -384px;
+}
+.pokemon-sprite.fearow {
+  background-position: -128px -384px;
+}
+.pokemon-sprite.ekans {
+  background-position: -256px -384px;
+}
+.pokemon-sprite.arbok {
+  background-position: -384px -384px;
+}
+.pokemon-sprite.pikachu {
+  background-position: -512px -384px;
+}
+.pokemon-sprite.raichu {
+  background-position: -896px -384px;
+}
+.pokemon-sprite.sandshrew {
+  background-position: -1152px -384px;
+}
+.pokemon-sprite.sandslash {
+  background-position: -0px -512px;
+}
+.pokemon-sprite.nidoran-f {
+  background-position: -128px -512px;
+}
+.pokemon-sprite.nidorina {
+  background-position: -256px -512px;
+}
+.pokemon-sprite.nidoqueen {
+  background-position: -384px -512px;
+}
+.pokemon-sprite.nidoran-m {
+  background-position: -512px -512px;
+}
+.pokemon-sprite.nidorino {
+  background-position: -640px -512px;
+}
+.pokemon-sprite.nidoking {
+  background-position: -768px -512px;
+}
+.pokemon-sprite.clefairy {
+  background-position: -896px -512px;
+}
+.pokemon-sprite.clefable {
+  background-position: -1024px -512px;
+}
+.pokemon-sprite.vulpix {
+  background-position: -1152px -512px;
+}
+.pokemon-sprite.ninetales {
+  background-position: -0px -640px;
+}
+.pokemon-sprite.jigglypuff {
+  background-position: -128px -640px;
+}
+.pokemon-sprite.wigglytuff {
+  background-position: -256px -640px;
+}
+.pokemon-sprite.zubat {
+  background-position: -384px -640px;
+}
+.pokemon-sprite.golbat {
+  background-position: -640px -640px;
+}
+.pokemon-sprite.oddish {
+  background-position: -896px -640px;
+}
+.pokemon-sprite.gloom {
+  background-position: -1024px -640px;
+}
+.pokemon-sprite.vileplume {
+  background-position: -0px -768px;
+}
+.pokemon-sprite.paras {
+  background-position: -256px -768px;
+}
+.pokemon-sprite.parasect {
+  background-position: -384px -768px;
+}
+.pokemon-sprite.venonat {
+  background-position: -512px -768px;
+}
+.pokemon-sprite.venomoth {
+  background-position: -640px -768px;
+}
+.pokemon-sprite.diglett {
+  background-position: -768px -768px;
+}
+.pokemon-sprite.dugtrio {
+  background-position: -896px -768px;
+}
+.pokemon-sprite.meowth {
+  background-position: -1024px -768px;
+}
+.pokemon-sprite.persian {
+  background-position: -1156px -768px;
+}
+.pokemon-sprite.psyduck {
+  background-position: -0px -896px;
+}
+.pokemon-sprite.golduck {
+  background-position: -128px -896px;
+}
+.pokemon-sprite.mankey {
+  background-position: -256px -896px;
+}
+.pokemon-sprite.primeape {
+  background-position: -384px -896px;
+}
+.pokemon-sprite.growlithe {
+  background-position: -512px -896px;
+}
+.pokemon-sprite.arcanine {
+  background-position: -648px -896px;
+}
+.pokemon-sprite.poliwag {
+  background-position: -768px -896px;
+}
+.pokemon-sprite.poliwhirl {
+  background-position: -896px -896px;
+}
+.pokemon-sprite.poliwrath {
+  background-position: -1024px -896px;
+}
+.pokemon-sprite.abra {
+  background-position: -1156px -896px;
+}
+.pokemon-sprite.kadabra {
+  background-position: -0px -1024px;
+}
+.pokemon-sprite.alakazam {
+  background-position: -256px -1024px;
+}
+.pokemon-sprite.machop {
+  background-position: -640px -1024px;
+}
+.pokemon-sprite.machoke {
+  background-position: -768px -1024px;
+}
+.pokemon-sprite.machamp {
+  background-position: -896px -1024px;
+}
+.pokemon-sprite.bellsprout {
+  background-position: -1024px -1024px;
+}
+.pokemon-sprite.weepinbell {
+  background-position: -1156px -1024px;
+}
+.pokemon-sprite.victreebel {
+  background-position: -0px -1156px;
+}
+.pokemon-sprite.tentacool {
+  background-position: -128px -1156px;
+}
+.pokemon-sprite.tentacruel {
+  background-position: -256px -1156px;
+}
+.pokemon-sprite.geodude {
+  background-position: -384px -1156px;
+}
+.pokemon-sprite.graveler {
+  background-position: -512px -1156px;
+}
+.pokemon-sprite.golem {
+  background-position: -640px -1156px;
+}
+.pokemon-sprite.ponyta {
+  background-position: -768px -1156px;
+}
+.pokemon-sprite.rapidash {
+  background-position: -896px -1156px;
+}
+.pokemon-sprite.slowpoke {
+  background-position: -1024px -1156px;
+}
+.pokemon-sprite.slowbro {
+  background-position: -1156px -1156px;
+}
+.pokemon-sprite.magnemite {
+  background-position: -128px -1284px;
+}
+.pokemon-sprite.magneton {
+  background-position: -256px -1284px;
+}
+.pokemon-sprite.farfetchd {
+  background-position: -384px -1284px;
+}
+.pokemon-sprite.doduo {
+  background-position: -512px -1284px;
+}
+.pokemon-sprite.dodrio {
+  background-position: -768px -1284px;
+}
+.pokemon-sprite.seel {
+  background-position: -1024px -1284px;
+}
+.pokemon-sprite.dewgong {
+  background-position: -1156px -1284px;
+}
+.pokemon-sprite.grimer {
+  background-position: -0px -1412px;
+}
+.pokemon-sprite.muk {
+  background-position: -128px -1412px;
+}
+.pokemon-sprite.shellder {
+  background-position: -256px -1412px;
+}
+.pokemon-sprite.cloyster {
+  background-position: -384px -1412px;
+}
+.pokemon-sprite.gastly {
+  background-position: -512px -1412px;
+}
+.pokemon-sprite.haunter {
+  background-position: -640px -1412px;
+}
+.pokemon-sprite.gengar {
+  background-position: -768px -1412px;
+}
+.pokemon-sprite.onix {
+  background-position: -1024px -1412px;
+}
+.pokemon-sprite.drowzee {
+  background-position: -1156px -1412px;
+}
+.pokemon-sprite.hypno {
+  background-position: -0px -1540px;
+}
+.pokemon-sprite.krabby {
+  background-position: -256px -1540px;
+}
+.pokemon-sprite.kingler {
+  background-position: -384px -1540px;
+}
+.pokemon-sprite.voltorb {
+  background-position: -512px -1540px;
+}
+.pokemon-sprite.electrode {
+  background-position: -640px -1540px;
+}
+.pokemon-sprite.exeggcute {
+  background-position: -768px -1540px;
+}
+.pokemon-sprite.exeggutor {
+  background-position: -896px -1540px;
+}
+.pokemon-sprite.cubone {
+  background-position: -1024px -1540px;
+}
+.pokemon-sprite.marowak {
+  background-position: -1156px -1540px;
+}
+.pokemon-sprite.hitmonlee {
+  background-position: -0px -1668px;
+}
+.pokemon-sprite.hitmonchan {
+  background-position: -128px -1668px;
+}
+.pokemon-sprite.lickitung {
+  background-position: -256px -1668px;
+}
+.pokemon-sprite.koffing {
+  background-position: -384px -1668px;
+}
+.pokemon-sprite.weezing {
+  background-position: -512px -1668px;
+}
+.pokemon-sprite.rhyhorn {
+  background-position: -640px -1668px;
+}
+.pokemon-sprite.rhydon {
+  background-position: -896px -1668px;
+}
+.pokemon-sprite.chansey {
+  background-position: -1156px -1668px;
+}
+.pokemon-sprite.tangela {
+  background-position: -0px -1796px;
+}
+.pokemon-sprite.kangaskhan {
+  background-position: -128px -1796px;
+}
+.pokemon-sprite.horsea {
+  background-position: -256px -1796px;
+}
+.pokemon-sprite.horsea {
+  background-position: -384px -1796px;
+}
+.pokemon-sprite.seadra {
+  background-position: -512px -1796px;
+}
+.pokemon-sprite.goldeen {
+  background-position: -640px -1796px;
+}
+.pokemon-sprite.seaking {
+  background-position: -896px -1796px;
+}
+.pokemon-sprite.staryu {
+  background-position: -1156px -1796px;
+}
+.pokemon-sprite.starmie {
+  background-position: -0px -1924px;
+}
+.pokemon-sprite.mr.mime {
+  background-position: -128px -1924px;
+}
+.pokemon-sprite.scyther {
+  background-position: -256px -1924px;
+}
+.pokemon-sprite.jynx {
+  background-position: -512px -1924px;
+}
+.pokemon-sprite.electabuzz {
+  background-position: -640px -1924px;
+}
+.pokemon-sprite.magmar {
+  background-position: -768px -1924px;
+}
+.pokemon-sprite.pinsir {
+  background-position: -896px -1924px;
+}
+.pokemon-sprite.tauros {
+  background-position: -1156px -1924px;
+}
+.pokemon-sprite.magikarp {
+  background-position: -0px -2052px;
+}
+.pokemon-sprite.gyarados {
+  background-position: -256px -2052px;
+}
+.pokemon-sprite.lapras {
+  background-position: -640px -2052px;
+}
+.pokemon-sprite.ditto {
+  background-position: -768px -2050px;
+}
+.pokemon-sprite.eevee {
+  background-position: -896px -2052px;
+}
+.pokemon-sprite.vaporeon {
+  background-position: -1024px -2052px;
+}
+.pokemon-sprite.jolteon {
+  background-position: -1156px -2052px;
+}
+.pokemon-sprite.flareon {
+  background-position: -0px -2180px;
+}
+.pokemon-sprite.porygon {
+  background-position: -128px -2180px;
+}
+.pokemon-sprite.omanyte {
+  background-position: -256px -2180px;
+}
+.pokemon-sprite.omastar {
+  background-position: -384px -2180px;
+}
+.pokemon-sprite.kabuto {
+  background-position: -512px -2180px;
+}
+.pokemon-sprite.kabutops {
+  background-position: -640px -2180px;
+}
+.pokemon-sprite.aerodactyl {
+  background-position: -768px -2180px;
+}
+.pokemon-sprite.snorlax {
+  background-position: -1024px -2180px;
+}
+.pokemon-sprite.articuno {
+  background-position: -1156px -2180px;
+}
+.pokemon-sprite.zapdos {
+  background-position: -0px -2308px;
+}
+.pokemon-sprite.moltres {
+  background-position: -128px -2308px;
+}
+.pokemon-sprite.dratini {
+  background-position: -256px -2308px;
+}
+.pokemon-sprite.dragonair {
+  background-position: -384px -2308px;
+}
+.pokemon-sprite.dragonite {
+  background-position: -512px -2308px;
+}
+.pokemon-sprite.mewtwo {
+  background-position: -640px -2308px;
+}
+.pokemon-sprite.mew {
+  background-position: -1024px -2308px;
 }
-
-.pokemon-move-type.normal {color:    #A8A878;}
-.pokemon-move-type.fire {color:      #F08030;}
-.pokemon-move-type.water {color:     #6890F0;}
-.pokemon-move-type.grass {color:     #78c850;}
-.pokemon-move-type.electric {color:  #f8d030;}
-.pokemon-move-type.ice {color:       #98d8d8;}
-.pokemon-move-type.ground {color:    #e0c068;}
-.pokemon-move-type.flying {color:    #a890f0;}
-.pokemon-move-type.poison {color:    #a040a0;}
-.pokemon-move-type.fighting {color:  #c03028;}
-.pokemon-move-type.psychic {color:   #f85888;}
-.pokemon-move-type.dark {color:      #705848;}
-.pokemon-move-type.rock {color:      #b8a038;}
-.pokemon-move-type.bug {color:       #a8b820;}
-.pokemon-move-type.ghost {color:     #705898;}
-.pokemon-move-type.steel {color:     #b8b8d0;}
-.pokemon-move-type.dragon {color:    #7038f8;}
-.pokemon-move-type.fairy {color:     #ffaec9;}
-
-.pokemon-sprite.bulbasaur {background-position: 0px 0px;}
-.pokemon-sprite.ivysaur {background-position: -128px 0px;}
-.pokemon-sprite.venusaur {background-position: -256px 0px;}
-.pokemon-sprite.charmander {background-position: -640px 0px;}
-.pokemon-sprite.charmeleon {background-position: -768px 0px;}
-.pokemon-sprite.charizard {background-position: -896px 0px;}
-
-.pokemon-sprite.squirtle {background-position: 0px -128px;}
-.pokemon-sprite.wartortle {background-position: -128px -128px;}
-.pokemon-sprite.blastoise {background-position: -256px -128px;}
-.pokemon-sprite.caterpie {background-position: -512px -128px;}
-.pokemon-sprite.metapod {background-position: -640px -128px;}
-.pokemon-sprite.butterfree {background-position: -768px -128px;}
-
-.pokemon-sprite.weedle {background-position: -1028px -128px;}
-.pokemon-sprite.kakuna {background-position: -1156px -128px;}
-.pokemon-sprite.beedrill {background-position: 0px -256px;}
-.pokemon-sprite.pidgey {background-position: -256px -256px;}
-.pokemon-sprite.pidgeotto {background-position: -384px -256px;}
-.pokemon-sprite.pidgeot {background-position: -512px -256px;}
-
-.pokemon-sprite.rattata {background-position: -768px -256px;}
-.pokemon-sprite.raticate {background-position: -1028px -256px;}
-.pokemon-sprite.spearow {background-position: 0px -384px;}
-.pokemon-sprite.fearow {background-position: -128px -384px;}
-.pokemon-sprite.ekans {background-position: -256px -384px;}
-.pokemon-sprite.arbok {background-position: -384px -384px;}
-
-.pokemon-sprite.pikachu {background-position: -512px -384px;}
-.pokemon-sprite.raichu {background-position: -896px -384px;}
-.pokemon-sprite.sandshrew {background-position: -1152px -384px;}
-.pokemon-sprite.sandslash {background-position: -0px -512px;}
-.pokemon-sprite.nidoran-f {background-position: -128px -512px;}
-.pokemon-sprite.nidorina {background-position: -256px -512px;}
-
-.pokemon-sprite.nidoqueen {background-position: -384px -512px;}
-.pokemon-sprite.nidoran-m {background-position: -512px -512px;}
-.pokemon-sprite.nidorino {background-position: -640px -512px;}
-.pokemon-sprite.nidoking {background-position: -768px -512px;}
-.pokemon-sprite.clefairy {background-position: -896px -512px;}
-.pokemon-sprite.clefable {background-position: -1024px -512px;}
-
-.pokemon-sprite.vulpix {background-position: -1152px -512px;}
-.pokemon-sprite.ninetales {background-position: -0px -640px;}
-.pokemon-sprite.jigglypuff {background-position: -128px -640px;}
-.pokemon-sprite.wigglytuff {background-position: -256px -640px;}
-.pokemon-sprite.zubat {background-position: -384px -640px;}
-.pokemon-sprite.golbat {background-position: -640px -640px;}
-
-.pokemon-sprite.oddish {background-position: -896px -640px;}
-.pokemon-sprite.gloom {background-position: -1024px -640px;}
-.pokemon-sprite.vileplume {background-position: -0px -768px;}
-.pokemon-sprite.paras {background-position: -256px -768px;}
-.pokemon-sprite.parasect {background-position: -384px -768px;}
-.pokemon-sprite.venonat {background-position: -512px -768px;}
-
-.pokemon-sprite.venomoth {background-position: -640px -768px;}
-.pokemon-sprite.diglett {background-position: -768px -768px;}
-.pokemon-sprite.dugtrio {background-position: -896px -768px;}
-.pokemon-sprite.meowth {background-position: -1024px -768px;}
-.pokemon-sprite.persian {background-position: -1156px -768px;}
-.pokemon-sprite.psyduck {background-position: -0px -896px;}
-
-.pokemon-sprite.golduck {background-position: -128px -896px;}
-.pokemon-sprite.mankey {background-position: -256px -896px;}
-.pokemon-sprite.primeape {background-position: -384px -896px;}
-.pokemon-sprite.growlithe {background-position: -512px -896px;}
-.pokemon-sprite.arcanine {background-position: -648px -896px;}
-.pokemon-sprite.poliwag {background-position: -768px -896px;}
-
-.pokemon-sprite.poliwhirl {background-position: -896px -896px;}
-.pokemon-sprite.poliwrath {background-position: -1024px -896px;}
-.pokemon-sprite.abra {background-position: -1156px -896px;}
-.pokemon-sprite.kadabra {background-position: -0px -1024px;}
-.pokemon-sprite.alakazam {background-position: -256px -1024px;}
-.pokemon-sprite.machop {background-position: -640px -1024px;}
-
-.pokemon-sprite.machoke {background-position: -768px -1024px;}
-.pokemon-sprite.machamp {background-position: -896px -1024px;}
-.pokemon-sprite.bellsprout {background-position: -1024px -1024px;}
-.pokemon-sprite.weepinbell {background-position: -1156px -1024px;}
-.pokemon-sprite.victreebel {background-position: -0px -1156px;}
-.pokemon-sprite.tentacool {background-position: -128px -1156px;}
-
-.pokemon-sprite.tentacruel {background-position: -256px -1156px;}
-.pokemon-sprite.geodude {background-position: -384px -1156px;}
-.pokemon-sprite.graveler {background-position: -512px -1156px;}
-.pokemon-sprite.golem {background-position: -640px -1156px;}
-.pokemon-sprite.ponyta {background-position: -768px -1156px;}
-.pokemon-sprite.rapidash {background-position: -896px -1156px;}
-
-.pokemon-sprite.slowpoke {background-position: -1024px -1156px;}
-.pokemon-sprite.slowbro {background-position: -1156px -1156px;}
-.pokemon-sprite.magnemite {background-position: -128px -1284px;}
-.pokemon-sprite.magneton {background-position: -256px -1284px;}
-.pokemon-sprite.farfetchd {background-position: -384px -1284px;}
-.pokemon-sprite.doduo {background-position: -512px -1284px;}
-
-.pokemon-sprite.dodrio {background-position: -768px -1284px;}
-.pokemon-sprite.seel {background-position: -1024px -1284px;}
-.pokemon-sprite.dewgong {background-position: -1156px -1284px;}
-.pokemon-sprite.grimer {background-position: -0px -1412px;}
-.pokemon-sprite.muk {background-position: -128px -1412px;}
-.pokemon-sprite.shellder {background-position: -256px -1412px;}
-
-.pokemon-sprite.cloyster {background-position: -384px -1412px;}
-.pokemon-sprite.gastly {background-position: -512px -1412px;}
-.pokemon-sprite.haunter {background-position: -640px -1412px;}
-.pokemon-sprite.gengar {background-position: -768px -1412px;}
-.pokemon-sprite.onix {background-position: -1024px -1412px;}
-.pokemon-sprite.drowzee {background-position: -1156px -1412px;}
-
-.pokemon-sprite.hypno {background-position: -0px -1540px;}
-.pokemon-sprite.krabby {background-position: -256px -1540px;}
-.pokemon-sprite.kingler {background-position: -384px -1540px;}
-.pokemon-sprite.voltorb {background-position: -512px -1540px;}
-.pokemon-sprite.electrode {background-position: -640px -1540px;}
-.pokemon-sprite.exeggcute {background-position: -768px -1540px;}
-
-.pokemon-sprite.exeggutor {background-position: -896px -1540px;}
-.pokemon-sprite.cubone {background-position: -1024px -1540px;}
-.pokemon-sprite.marowak {background-position: -1156px -1540px;}
-.pokemon-sprite.hitmonlee {background-position: -0px -1668px;}
-.pokemon-sprite.hitmonchan {background-position: -128px -1668px;}
-.pokemon-sprite.lickitung {background-position: -256px -1668px;}
-
-.pokemon-sprite.koffing {background-position: -384px -1668px;}
-.pokemon-sprite.weezing {background-position: -512px -1668px;}
-.pokemon-sprite.rhyhorn {background-position: -640px -1668px;}
-.pokemon-sprite.rhydon {background-position: -896px -1668px;}
-.pokemon-sprite.chansey {background-position: -1156px -1668px;}
-.pokemon-sprite.tangela {background-position: -0px -1796px;}
-
-.pokemon-sprite.kangaskhan {background-position: -128px -1796px;}
-.pokemon-sprite.horsea {background-position: -256px -1796px;}
-.pokemon-sprite.horsea {background-position: -384px -1796px;}
-.pokemon-sprite.seadra {background-position: -512px -1796px;}
-.pokemon-sprite.goldeen {background-position: -640px -1796px;}
-.pokemon-sprite.seaking {background-position: -896px -1796px;}
-
-.pokemon-sprite.staryu {background-position: -1156px -1796px;}
-.pokemon-sprite.starmie {background-position: -0px -1924px;}
-.pokemon-sprite.mr.mime {background-position: -128px -1924px;}
-.pokemon-sprite.scyther {background-position: -256px -1924px;}
-.pokemon-sprite.jynx {background-position: -512px -1924px;}
-.pokemon-sprite.electabuzz {background-position: -640px -1924px;}
-
-.pokemon-sprite.magmar {background-position: -768px -1924px;}
-.pokemon-sprite.pinsir {background-position: -896px -1924px;}
-.pokemon-sprite.tauros {background-position: -1156px -1924px;}
-.pokemon-sprite.magikarp {background-position: -0px -2052px;}
-.pokemon-sprite.gyarados {background-position: -256px -2052px;}
-.pokemon-sprite.lapras {background-position: -640px -2052px;}
-
-.pokemon-sprite.ditto {background-position: -768px -2050px;}
-.pokemon-sprite.eevee {background-position: -896px -2052px;}
-.pokemon-sprite.vaporeon {background-position: -1024px -2052px;}
-.pokemon-sprite.jolteon {background-position: -1156px -2052px;}
-.pokemon-sprite.flareon {background-position: -0px -2180px;}
-.pokemon-sprite.porygon {background-position: -128px -2180px;}
-
-.pokemon-sprite.omanyte {background-position: -256px -2180px;}
-.pokemon-sprite.omastar {background-position: -384px -2180px;}
-.pokemon-sprite.kabuto {background-position: -512px -2180px;}
-.pokemon-sprite.kabutops {background-position: -640px -2180px;}
-.pokemon-sprite.aerodactyl {background-position: -768px -2180px;}
-.pokemon-sprite.snorlax {background-position: -1024px -2180px;}
-
-.pokemon-sprite.articuno {background-position: -1156px -2180px;}
-.pokemon-sprite.zapdos {background-position: -0px -2308px;}
-.pokemon-sprite.moltres {background-position: -128px -2308px;}
-.pokemon-sprite.dratini {background-position: -256px -2308px;}
-.pokemon-sprite.dragonair {background-position: -384px -2308px;}
-.pokemon-sprite.dragonite {background-position: -512px -2308px;}
-.pokemon-sprite.mewtwo {background-position: -640px -2308px;}
-.pokemon-sprite.mew {background-position: -1024px -2308px;}
 
 /***
 Custom Datatables
 ***/
 
 td.details-control:before {
-  font-family:"Glyphicons Halflings";
-  content:"\e081";
+  font-family: "Glyphicons Halflings";
+  content: "\e081";
   cursor: pointer;
 }
-
 tr.shown td.details-control:before {
-  font-family:"Glyphicons Halflings";
-  content:"\e082";
+  font-family: "Glyphicons Halflings";
+  content: "\e082";
 }
-
 table.dataTable.display tbody tr.child {
-    background: white;
+  background: none;
 }
 table.dataTable.display tbody tr table tr:hover {
-    background: none;
+  background: none;
+}
+table, tr, td {
+  background: none !important;
+  /* Overrides bootstrap */
+}
+a {
+  color: darkgray !important;
+  /* Overrides bootstrap */
+}
+.modal-backdrop {
+  display: none;
+}
+
+/* Leaves from Aaron Griffin on Codepen */
+
+#leaves {
+  text-align: right;
+  position: absolute;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  top: -25px;
+}
+#leaves i {
+  display: inline-block;
+  width: 200px;
+  height: 150px;
+  background: linear-gradient(to bottom right, #309900, #005600);
+  transform: skew(20deg);
+  border-radius: 5% 40% 70%;
+  box-shadow: inset 0px 0px 1px #222;
+  border: 1px solid #333;
+  z-index: 1;
+  -webkit-animation: falling 5s 0s infinite;
+}
+#leaves i:nth-of-type(2n) {
+  -webkit-animation: falling2 5s 0s infinite;
+}
+#leaves i:nth-of-type(3n) {
+  -webkit-animation: falling3 5s 0s infinite;
+}
+#leaves i:before {
+  position: absolute;
+  content: '';
+  top: 117px;
+  right: 9px;
+  height: 27px;
+  width: 32px;
+  transform: rotate(49deg);
+  border-radius: 0% 15% 15% 0%;
+  border-top: 1px solid #222;
+  border-bottom: 1px solid #222;
+  border-left: 0px solid #222;
+  border-right: 1px solid #222;
+  background: linear-gradient(to right, rgba(0, 100, 0, 1), #005600);
+  z-index: 1;
+}
+#leaves i:after {
+  content: '';
+  height: 125px;
+  width: 10px;
+  background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
+  display: block;
+  transform: rotate(125deg);
+  position: absolute;
+  left: 85px;
+  border-radius: 50%;
+}
+#leaves i:nth-of-type(n) {
+  height: 23px;
+  width: 30px;
+}
+#leaves i:nth-of-type(n):before {
+  width: 7px;
+  height: 5px;
+  top: 17px;
+  right: 1px;
+}
+#leaves i:nth-of-type(n):after {
+  width: 2px;
+  height: 17px;
+  left: 12px;
+  top: 0px;
+}
+#leaves i:nth-of-type(2n+1) {
+  height: 11px;
+  width: 16px;
+}
+#leaves i:nth-of-type(2n+1):before {
+  width: 4px;
+  height: 3px;
+  top: 7px;
+  right: 0px;
+}
+#leaves i:nth-of-type(2n+1):after {
+  width: 2px;
+  height: 6px;
+  left: 5px;
+  top: 1px;
+}
+#leaves i:nth-of-type(3n+2) {
+  height: 17px;
+  width: 23px;
+}
+#leaves i:nth-of-type(3n+2):before {
+  height: 4px;
+  width: 4px;
+  top: 12px;
+  right: 1px;
+}
+#leaves i:nth-of-type(3n+2):after {
+  height: 10px;
+  width: 2px;
+  top: 1px;
+  left: 8px;
+}
+#leaves i:nth-of-type(n) {
+  -webkit-animation-delay: 1.9s;
+}
+#leaves i:nth-of-type(2n) {
+  -webkit-animation-delay: 3.9s;
+}
+#leaves i:nth-of-type(3n) {
+  -webkit-animation-delay: 2.3s;
+}
+#leaves i:nth-of-type(4n) {
+  -webkit-animation-delay: 4.4s;
+}
+#leaves i:nth-of-type(5n) {
+  -webkit-animation-delay: 5s;
+}
+#leaves i:nth-of-type(6n) {
+  -webkit-animation-delay: 3.5s;
+}
+#leaves i:nth-of-type(7n) {
+  -webkit-animation-delay: 2.8s;
+}
+#leaves i:nth-of-type(8n) {
+  -webkit-animation-delay: 1.5s;
+}
+#leaves i:nth-of-type(9n) {
+  -webkit-animation-delay: 3.3s;
+}
+#leaves i:nth-of-type(10n) {
+  -webkit-animation-delay: 2.5s;
+}
+#leaves i:nth-of-type(11n) {
+  -webkit-animation-delay: 1.2s;
+}
+#leaves i:nth-of-type(12n) {
+  -webkit-animation-delay: 4.1s;
+}
+#leaves i:nth-of-type(13n) {
+  -webkit-animation-delay: 1s;
+}
+#leaves i:nth-of-type(14n) {
+  -webkit-animation-delay: 4.7s;
+}
+#leaves i:nth-of-type(15n) {
+  -webkit-animation-delay: 3s;
+}
+#leaves i:nth-of-type(n) {
+  background: linear-gradient(to bottom right, #309900, #005600);
+}
+#leaves i:nth-of-type(2n+2) {
+  background: linear-gradient(to bottom right, #5e9900, #2b5600);
+}
+#leaves i:nth-of-type(4n+1) {
+  background: linear-gradient(to bottom right, #990, #564500);
+}
+#leaves i:nth-of-type(n) {
+  opacity: .7;
+}
+#leaves i:nth-of-type(3n+1) {
+  opacity: .5;
+}
+#leaves i:nth-of-type(3n+2) {
+  opacity: .3;
+}
+#leaves i:nth-of-type(n) {
+  transform: rotate(180deg);
+}
+#leaves i:nth-of-type(n) {
+  -webkit-animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes falling {
+  0% {
+    -webkit-transform: translate3d(300, 0, 0) rotate(0deg);
+    opacity: 0;
+  }
+  90% {
+    opacity: 0.75;
+  }
+  100% {
+    -webkit-transform: translate3d(-350px, 700px, 0) rotate(90deg);
+    opacity: 0;
+  }
+}
+@-webkit-keyframes falling3 {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0) rotate(-20deg);
+    opacity: 0;
+  }
+  90% {
+    opacity: 0.75;
+  }
+  100% {
+    -webkit-transform: translate3d(-230px, 640px, 0) rotate(-70deg);
+    opacity: 0;
+  }
+}
+@-webkit-keyframes falling2 {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
+    opacity: 0;
+  }
+  90% {
+    opacity: 0.75;
+  }
+  100% {
+    -webkit-transform: translate3d(-400px, 680px, 0) rotate(0deg);
+    opacity: 0;
+  }
 }
diff --git a/imgs/Parkscene_Background.png b/imgs/Parkscene_Background.png
new file mode 100644
index 0000000..9fcf33a
Binary files /dev/null and b/imgs/Parkscene_Background.png differ
diff --git a/js/screens/Login/components/LoginFormContainer.jsx b/js/screens/Login/components/LoginFormContainer.jsx
index 4382757..ba3fc21 100644
--- a/js/screens/Login/components/LoginFormContainer.jsx
+++ b/js/screens/Login/components/LoginFormContainer.jsx
@@ -19,72 +19,79 @@ const Login = React.createClass({
     } = this.props
 
     return (
-      <div className='container'>
-        <div className='form-group btn-group' data-toggle='buttons'>
-          <label className='btn btn-info active noselect'>
+      <div className='bg-holder login-holder'>
+        <div id='leaves'>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+          <i></i>
+        </div>
+        <div className='main'>
+          <form className='container_login'>
+            <div className='switch switch--horizontal'>
+              <input
+                type='radio'
+                name='auth-radio'
+                id='auth0'
+                value={AUTH_METHODS.google}
+                checked={this.state.authMethod === AUTH_METHODS.google}
+                onChange={this._handleChangeAuth}
+              />
+              <label htmlFor='auth0'>Google</label>
+              <input
+                type='radio'
+                name='auth-radio'
+                id='auth1'
+                value={AUTH_METHODS.ptc}
+                checked={this.state.authMethod === AUTH_METHODS.ptc}
+                onChange={this._handleChangeAuth}
+              />
+              <label htmlFor='auth1'>PTC</label>
+              <span className="toggle-outside"><span className="toggle-inside"></span></span>
+            </div>
+
             <input
-              type='radio'
-              name='auth-radio'
-              id='auth0'
-              value={AUTH_METHODS.google}
-              checked={this.state.authMethod === AUTH_METHODS.google}
-              onChange={this._handleChangeAuth}
+              type='text'
+              placeholder='Username'
+              ref='username'
+              onKeyPress={this._handleEnterKey}
+              defaultValue={credentials.username || ''}
             />
-            Google
-          </label>
-          <label className='btn btn-info noselect'>
             <input
-              type='radio'
-              name='auth-radio'
-              id='auth1'
-              value={AUTH_METHODS.ptc}
-              checked={this.state.authMethod === AUTH_METHODS.ptc}
-              onChange={this._handleChangeAuth}
+              type='password'
+              placeholder='Password'
+              ref='password'
+              onKeyPress={this._handleEnterKey}
+              defaultValue={credentials.password || ''}
             />
-            Pokémon Trainer Club
-          </label>
-        </div>
-
-        <div className='form-group input-group'>
-          <span className='input-group-addon'><span className='glyphicon glyphicon-user' aria-hidden='true'></span></span>
-          <input
-            type='text'
-            className='form-control'
-            placeholder='Username'
-            ref='username'
-            onKeyPress={this._handleEnterKey}
-            defaultValue={credentials.username || ''}
-          />
-        </div>
 
-        <div className='form-group input-group'>
-          <span className='input-group-addon'><span className='glyphicon glyphicon-lock' aria-hidden='true'></span></span>
-          <input
-            type='password'
-            className='form-control'
-            placeholder='Password'
-            ref='password'
-            onKeyPress={this._handleEnterKey}
-            defaultValue={credentials.password || ''}
-          />
-        </div>
-
-        <div className='form-group'>
-          <label htmlFor='remember-cb' className='pointer'>
-            <input
-              type='checkbox'
-              id='remember-cb'
-              defaultChecked={credentials.success || false}
-              ref='rememberMe'
-            />
-            {" Remember me"}
-          </label>
-          <input
-            type='button'
-            className='btn btn-success pull-right'
-            value='Login'
-            onClick={this._handleLogin}
-          />
+            <div className='checkbox_container noselect'>
+              <input
+                type='checkbox'
+                id='remember-cb'
+                defaultChecked={credentials.success || false}
+                ref='rememberMe'
+              />
+              <label className='pointer' htmlFor='remember-cb'>{" Remember me"}</label>
+              <input
+                type='button'
+                id='login-btn'
+                value='Login'
+                onClick={this._handleLogin}
+              />
+            </div>
+          </form>
         </div>
       </div>
     )
diff --git a/main/main.js b/main/main.js
index 6889333..689292f 100644
--- a/main/main.js
+++ b/main/main.js
@@ -15,7 +15,7 @@ let win
 let client
 
 function createWindow () {
-  win = new BrowserWindow({ width: 800, height: 375, title: 'PokéNurse', icon: 'imgs/emojioneicon.png', show: false })
+  win = new BrowserWindow({ width: 800, height: 550, title: 'PokéNurse', icon: 'imgs/emojioneicon.png', show: false })
   // win.setMenu(null)
   win.loadURL(`file://${__dirname}/../index.html`)
   win.once('ready-to-show', () => {