:root {
  /* Base Stats */
  --Red: rgb(255, 99, 71);
  --Light-red: rgba(255, 99, 71, 0.8);
  --Orange: rgb(255, 80, 0);
  --Light-orange: rgba(255, 80, 0, 0.8);
  --Yellow: rgb(237, 247, 0);
  --Light-yellow: rgba(237, 247, 0, 0.8);
  --Green: rgb(0, 231, 123);
  --Light-green: rgba(0, 231, 123, 0.8);
  --Purple: rgb(207, 0, 255);
  --Light-purple: rgba(207, 0, 255, 0.8);

  /* Pokemon Colors */
  --Pokeyellow: rgb(247, 207, 70);
  --Pokeblue: rgba(66, 105, 183);

  /* Colors */
  --Black: rgb(0, 0, 0);
}

/* CSS reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
h1 {
  font-family: "Pokemon Hollow", sans-serif;
  font-size: 45px;
  color: var(--Black);
  text-align: center;
  margin-top: 20px;
}
input {
  width: 400px;
  box-sizing: border-box;
  border: 2px solid var(--Black);
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url(../images/Search.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}