body {background:linear-gradient(180deg, #35a, #027); background-color: #35a; font-family:Orbitron; font-weight: 500}

h1::before {display:inline-block;
  content:"";
    height:1.5rem; 	
    width:1.5rem; 	
background-image: url("https://projects.codecraftworks.com/web/8w4Ga0WK0ztR0wBfFnIT/assets/SugimoriPokeBall.png");
background-size:contain; 
background-repeat:no-repeat;
}

h1::after {display:inline-block;
  content:"";
    height:1.5rem; 	
    width:1.5rem; 	
background-image: url("https://projects.codecraftworks.com/web/8w4Ga0WK0ztR0wBfFnIT/assets/SugimoriPokeBall.png");
background-size:contain; 
background-repeat:no-repeat;
}

h1 {color:#080; text-shadow: 2pt 2pt 1pt #000c}

h2 {color:#eb0000; text-shadow: 1.5pt 1.5pt 1pt #000c}
strong {font-weight: 1000}
hr {border-color:#000}

#starters {padding: 10pt; background:#fff}
#list {background:#fff}

.text::selection {color: white; background: black}
.text {
  background:linear-gradient(180deg, white, #cde);
  background-color: #fff;
  margin:10pt;
  padding:1pt 20pt;
  box-shadow: 6pt 6pt 2pt black;
  color: #333;
  border:8pt;
  border-style: double;
  border-color: #333;
  border-radius: 15pt;
  outline: 3pt;
  outline-style: solid;
  outline-color: #fff;
			}

.bulbapedia {color: #590}

.normal:link {color: #776}
.normal:visited {color: #443}
.normal:hover {color: #aa8}
.normal:active {color: #cca}

.fighting:link {color: #820}
.fighting:visited {color: #410}
.fighting:hover {color: #c60}
.fighting:active {color: #e80}

.flying:link {color: #66c}
.flying:visited {color: #327}
.flying:hover {color: #99f}
.flying:active {color: #bcf}

.poison:link {color: #808}
.poison:visited {color: #505}
.poison:hover {color: #c0d}
.poison:active {color: #e4f}

.ground:link {color: #742}
.ground:visited {color: #530}
.ground:hover {color: #a72}
.ground:active {color: #da0}

.rock:link {color: #762}
.rock:visited {color: #540}
.rock:hover {color: #ba4}
.rock:active {color: #dc6}

.bug:link {color: #670}
.bug:visited {color: #340}
.bug:hover {color: #ac0}
.bug:active {color: #cd0}

.ghost:link {color: #408}
.ghost:visited {color: #306}
.ghost:hover {color: #80d}
.ghost:active {color: #b5f}

.steel:link {color: #678}
.steel:visited {color: #234}
.steel:hover {color: #abc}
.steel:active {color: #cde}

.fire:link {color: #d20}
.fire:visited {color: #500}
.fire:hover {color: #f50}
.fire:active {color: #f80}

.water:link {color: #05c}
.water:visited {color: #016}
.water:hover {color: #08f}
.water:active {color: #0cf}

.grass:link {color: #281}
.grass:visited {color: #020}
.grass:hover {color: #6d2}
.grass:active {color: #8f2}

.electric:link {color: #960}
.electric:visited {color: #320}
.electric:hover {color: #ea0}
.electric:active {color: #fd0}

.psychic:link {color: #d05}
.psychic:visited {color: #604}
.psychic:hover {color: #f48}
.psychic:active {color: #f6b}

.ice:link {color: #079}
.ice:visited {color: #045}
.ice:hover {color: #6cd}
.ice:active {color: #9ff}

.dragon:link {color: #50d}
.dragon:visited {color: #308}
.dragon:hover {color: #84f}
.dragon:active {color: #97f}

.dark:link {color: #444}
.dark:visited {color: #122}
.dark:hover {color: #777}
.dark:active {color: #aaa}

.fairy:link {color: #c1a}
.fairy:visited {color: #706}
.fairy:hover {color: #f7c}
.fairy:active {color: #fae}

#sudowoodo{position:relative; animation-name:sudowoodo-play; animation-duration: 5s; animation-iteration-count: infinite;}
@keyframes sudowoodo-play{
  0%{transform:translate(50%,0)}
  10%{transform:translate(50%,0)}
  20%{transform:translate(15%,0) rotate(-45deg)}
  30%{transform:translate(15%,0)}
  40%{transform:translate(85%,0) rotate(45deg)}
  50%{transform:translate(85%,0)}
  60%{transform:translate(15%,0) rotate(-45deg)}
	70%{transform:translate(85%,0) rotate(45deg)}
  80%{transform:translate(15%,0) rotate(-45deg)}
  90%{transform:translate(85%,0) rotate(45deg)}
  100%{transform:translate(50%,0)}
}