nav img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

body {
  background: #F77F00;
  margin: 0;
  width: 100%;
  display: inline-block;
  font-family: 'Amaranth', sans-serif;
}

h1 {
  text-align: center;
  margin-top: 10px;
  font-size: 40px;
  font-family: 'Bangers', cursive;
}

h2 {
  font-family: 'Bangers', cursive;
}

legend {
  text-align: center;
  font-size: 25px;
  padding-bottom: 10px;
}

.js-search-form {
  text-align: center;
}

button {
  font-family: 'Amaranth', sans-serif;
  font-size: 20px;
  cursor: pointer;
}

form {
  text-align: center;
  font-size: 20px;
}

input[type=text] {
  width: 55%;
  margin: 8px 0;
  padding: 12px 20px;
  font-size: 20px;
}

select {
  font-family: 'Amaranth', sans-serif;
  height: 50px;
  font-size: 20px;
  cursor: pointer;
}

.submit {
  font-family: 'Bangers', cursive;
  font-size: 20px;
  height: 50px;
}

.results {
  margin-top: 30px;
  text-align: center;
  font-size: 25px;
  margin-bottom: 30px;
}

.deets {
  height: 50px;
  margin-bottom: 10px;
}

.ability-deets {
  height: 50px;
}

.abilityDetails {
  text-align: center;
  margin: 30px;
}

.box {
  border: 20px solid #00293F;
  background-color: #D62828;
}

.box h1 {
  padding-top: 5px;
}

#loader {
  display: none;
}

#loader.active {
  display: block;
  text-align: center;
  -webkit-animation: shake 0.1s ease-in-out 0.1s infinite alternate;
  font-size: 20px;
  color: white;
}

@-webkit-keyframes shake {
  from {
    -webkit-transform: rotate(10deg);
  }
  to {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-10deg);
  }
  #error.remove {
    display: none;
  }
  .result.none {
    display: none;
  }
  main .row {
    margin-bottom: 20px;
  }
  : center center;
  -webkit-transform: rotate(-10deg);
}

#error.remove {
  display: none;
}

.result.none {
  display: none;
}

main .row {
  margin-bottom: 20px;
}

: center center;
-webkit-transform: rotate(-10deg);

}
#error.remove {
  display: none;
}
.result.none {
  display: none;
}
main .row {
  margin-bottom: 20px;
}
: center center;
-webkit-transform: rotate(-10deg);

}
#error.remove {
  display: none;
}
.result.none {
  display: none;
}
main .row {
  margin-bottom: 20px;
}