@import url("https://fonts.googleapis.com/css2?family=Arvo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo&family=Baloo+Tammudu+2&family=Hammersmith+One&family=Odibee+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo&family=Hammersmith+One&family=Odibee+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo&family=Hammersmith+One&display=swap");
@font-face {
    font-family: "Arvo";
    src: url(./fonts/Arvo-Regular.ttf);
    font-weight: normal;
    font-style: normal;
  }

body {
  background-color: rgba(180, 177, 0, 0.616);
  font-family: "Open Sans", sans-serif;
  height: 100%;
}

header {

  background-color: rgb(255, 102, 0);
  width: 40vw;
  display: flex;
  justify-content: center;
  height: auto;
  margin: 0px auto;
  margin-bottom: 50px;
  box-shadow: 10px 10px 6px 3px #310b0b;
}
main {
  padding: 20px;
  text-align: center;
}
h1 {
  border-radius: 5px;
  font-family: "Arvo", serif;
  font-size: 35px;
  color: white;
  text-shadow: 4px 3px 5px #000;;
}

#listado{
    font-family: "Arvo" ;
    font-size: 50px;
    margin: 30px;
}

nav {
  font-family: "Hammersmith One", sans-serif;
  padding: 20px;
  margin: 0 auto;
  background-color: white;
  width: 360px;
  height: 255px;
  text-align: center;
  background-image: url(./pokedex.jpeg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 10px solid ;
  border-radius: 5px;
  border-image: conic-gradient( rgba(158, 1, 1, 0.5), rgba(139, 2, 2, 0.5), rgba(255, 118, 118, 0.5), rgba(236, 226, 87, 0.5), rgba(117, 66, 36, 0.5), rgba(80, 31, 3, 0.5), rgba(139, 2, 2, 0.5), rgba(158, 1, 1, 0.5) ) 1;
}
p {
  font-family: "Odibee Sans", cursive;
  font-size: 25px;
}
button {
  background-color: rgb(99, 4, 4);
  color: white;
  margin: 15px;
  padding: 18px;
  padding-bottom: 3px;
  font-size: 18px;
  font-family: "Baloo Tammudu 2", cursive;
  border-radius: 33px;
}
.img{
    width: 100px;
    height: 100px;
}