.pokemon_box {
  background-color: rgb(255, 255, 255);
  width: 250px;
  height: 180px;
  border-radius: 10px;
  z-index: 1;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin-bottom: 30px;
}
.box_headline {
  height: 50px;
  position: relative;
  border-radius: 8px;
}

.pokeimg_bg {
  display: flex;
  justify-content: center;
  border-radius: 100%;
  position: relative;
  top: -35px;
  height: 55px;
}

.pokeimg_b_img {
   opacity: 20%;
   position: relative;
   top: -145px;
   left: 130px;
   object-fit: cover;
   height: 120px;
   width: 121px;
   filter: drop-shadow(2px -4px 9px #222);
}

.pokemon_img{
   width: 150px;
   height: 150px;
   position: relative;
   top: -270px;
   left: 65px;
   filter: drop-shadow(5px 5px 5px #222);
}

.pokemon_img:hover{
   top: -274px;
   filter: drop-shadow(1px 1px 5px #dacb07);
}

.pokemon_box:hover{
   filter: drop-shadow(5px 6px 5px #e7c52dce);
}

.element_ball {
  border-radius: 20px;
  width: 75px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  color: azure;
  padding: 0 2px 0 2px;
}
.element_ball img {
  object-fit: cover;
  width: 20px;
  height: 20px;
}
.poke_Name {
  display: flex;
  justify-content: center;
  position: relative;
  top: -270px;
  font-size: 20px;
  font-weight: bolder;
}

#elementContent{
   display: flex;
   justify-content: center;
   gap: 10px;
   position: relative;
   top: -160px;
}

:root {
   --grass: rgb(70, 160, 131);
   --water: rgb(61, 88, 128);
   --fire: rgb(253, 71, 71);
   --bug: rgb(157, 197, 10);
   --normal: rgb(156, 62, 18);
   --flying: rgb(156, 208, 243);
   --poison: rgb(60, 56, 77);
   --ground: #704000;
   --fairy: #fca0d6;
   --fighting: #6b4f02;
   --psychic:#c99301;
   --rock: #c99301;
   --ice:#92dde2;
   --electric:#fa9006;
   --ghost:  #272623;
   --dragon:#94af56;
   --dark: #181817;
   --steel : #929c9a;
}

.grass_element{background-color: #46d1b1;
}
.water_element{background-color: #3e719e;
}
.fire_element{background-color: #fa2a2a;
}
.bug_element{background-color: rgb(35, 128, 35);
}
.poison_element{background-color: rgb(60, 56, 77);
}
.flying_element{background-color: rgb(156, 208, 243);
}
.normal_element{background-color: rgb(228, 172, 89);
}
.electric_element{background-color: #fa9006;
}
.ground_element{background-color: #704000;
}
.fairy_element{background-color: #fca0d6;
}
.fighting_element{background-color: #6b4f02;
}
.psychic_element{background-color: #c99301;
}
.rock_element{background-color: #c99301;
}
.ghost_element{background-color: #272623;
}
.ice_element{background-color: #92dde2;
}
.steel_element{background-color: #929c9a;
}
.dragon_element{background-color: #94af56;
}
.dark_element{background-color: #181817;
}


.element_content{
   display: flex;
   justify-content: center;
   position: relative;
   top: -265px;

}