﻿#pokemons table{
    width:100%;
}
#pokemons table td {
	border: 1px solid #000;
	width: 50%;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 20px;
  border-radius: 10px;
}
h2.type{
  text-align: left !important;
  border:0 !important;
}
.dragon_type, .electric_type, .bug_type, .fire_type, .phychic_type, .normal_type,
.flying_type, .ground_type, .dark_type, .rock_type, .fighting_type, .water_type, .steel_type, .grass_type,
.poison_type, .ghost_type, .ice_type, .fairy_type, .unknown_type {
	color:#fff;
}
td.dragon_type, td.electric_type, td.bug_type, td.fire_type, td.phychic_type, td.normal_type,
td.flying_type, td.ground_type, td.dark_type, td.rock_type, td.fighting_type, td.water_type, td.steel_type, td.grass_type,
td.poison_type, td.ghost_type, td.ice_type, td.fairy_type, td.unknown_type{
    border-color:transparent;
    border-width:0;
    text-align: center;
  	white-space: nowrap;
}
.dragon_type {
	background-color: #7038F8 !important;
}
.electric_type {
	background-color: #F8D030 !important;
}
.bug_type {
	background-color: #A8B820 !important;
}
.fire_type {
	background-color: #F08030 !important;
}
.phychic_type {
	background-color: #F85888 !important;
}
.normal_type {
	background-color: #A8A878 !important;
}
.flying_type {
	background-color: #A890F0 !important;
}
.ground_type {
	background-color: #E0C068 !important;
}
.dark_type {
	background-color: #333333 !important;
}
.rock_type {
	background-color: #B8A038 !important;
}
.fighting_type {
	background-color: #C03028 !important;
}
.water_type {
	background-color: #6890F0 !important;
}
.steel_type {
	background-color: #B8B8D0 !important;
}
.grass_type {
	background-color: #78C850 !important;
}
.poison_type {
	background-color: #A040A0 !important;
}
.ghost_type {
	background-color: #705898 !important;
}
.ice_type {
	background-color: #98D8D8 !important;
}
.fairy_type {
	background-color: #EE99AC !important;
}
.pokedex {
	font-weight: bolder;
	color: red;
	margin-left: 40px;
}
.m-40 {
	margin-left: 40px;
}
.bold {
	font-weight: bold;
}
.pokemon_images a{
  position: relative;
  display: inline-block;
}
.pokemon_images a:after{
  position: absolute !important;
  top:3px !important;
  right: 3px !important;
}

#pokemons{
  position: relative;
  height:350px;
}

.pokemon{
  text-align: center;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity: 0;
}

.pokemon.active{
  opacity: 1;
}

.name{
  font-weight:bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size:30px;
  font-family: "Oswald"
}

span.dragon_type, span.electric_type, span.bug_type, span.fire_type, span.phychic_type, span.normal_type,
span.flying_type, span.ground_type, span.dark_type, span.rock_type, span.fighting_type, span.water_type, span.steel_type, span.grass_type,
span.poison_type, span.ghost_type, span.ice_type, span.fairy_type, span.unknown_type{
  border-radius: 5px;
    padding: 5px;
    margin: 3px;
}
