.skilltree {
  position: absolute;
  width: 270px;
  height: 430px;
  border: 1px solid hsl(0, 0%, 0%);
}
.skill-cell {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid hsl(0, 0%, 0%);
  text-align: center;
  line-height: 50px;
  font-size: 40px;
  color: hsl(0, 0%, 100%);
  text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
}

.skillpos-column0 { left: 30px }
.skillpos-column1 { left: 110px }
.skillpos-column2 { left: 190px }

.skillpos-row0 { top: 30px }
.skillpos-row1 { top: 110px }
.skillpos-row2 { top: 190px }
.skillpos-row3 { top: 270px }
.skillpos-row4 { top: 350px }


#skilltree-knight {
  top: 100px;
}
#skill-knights-valor {
  background-image: url(images/skilltree/Knights_Valor.webp);
}
#skill-chivalric-order {
  background-image: url(images/skilltree/Chivalric_Order.webp);
}
#skill-angelic-radiance {
  background-image: url(images/skilltree/Angelic_Radiance.webp);
}
#skill-will-of-midas {
  background-image: url(images/skilltree/Will_of_Midas.webp);
}
#skill-cleaving-strike {
  background-image: url(images/skilltree/Cleaving_Strike.webp);
}
#skill-rejuvenation {
  background-image: url(images/skilltree/Rejuvenation.webp);
}
#skill-fairy-charm {
  background-image: url(images/skilltree/Fairy_Charm.webp);
}
#skill-barbaric-fury {
  background-image: url(images/skilltree/Barbaric_Fury.webp);
}
#skill-divine-wrath {
  background-image: url(images/skilltree/Divine_Wrath.webp);
}
#skill-twilight-gathering {
  background-image: url(images/skilltree/Twilight_Gathering.webp);
}

#skilltree-summoner {
  top: 100px;
  left: 300px;
}
#skill-pet-evolution {
  background-image: url(images/skilltree/Pet_Evolution.webp);
}
#skill-summon-inferno {
  background-image: url(images/skilltree/Summon_Inferno.webp);
}
#skill-heart-of-gold {
  background-image: url(images/skilltree/Heart_of_Gold.webp);
}
#skill-companion-warfare {
  background-image: url(images/skilltree/Companion_Warfare.webp);
}
#skill-ember-arts {
  background-image: url(images/skilltree/Ember_Arts.webp);
}
#skill-lightning-burst {
  background-image: url(images/skilltree/Lightning_Burst.webp);
}
#skill-summoning-circle {
  background-image: url(images/skilltree/Summoning_Circle.webp);
}
#skill-volcanic-eruption {
  background-image: url(images/skilltree/Volcanic_Eruption.webp);
}
#skill-flash-zip {
  background-image: url(images/skilltree/Flash_Zip.webp);
}
#skill-burning-passion {
  background-image: url(images/skilltree/Burning_Passion.webp);
}

#skilltree-warlord {
  top: 100px;
  left: 600px;
}
#skill-master-commander {
  background-image: url(images/skilltree/Master_Commander.webp);
}
#skill-tactical-insight {
  background-image: url(images/skilltree/Tactical_Insight.webp);
}
#skill-heroic-might {
  background-image: url(images/skilltree/Heroic_Might.webp);
}
#skill-aerial-assault {
  background-image: url(images/skilltree/Aerial_Assault.webp);
}
#skill-coordinated-offensive {
  background-image: url(images/skilltree/Coordinated_Offensive.webp);
}
#skill-searing-light {
  background-image: url(images/skilltree/Searing_Light.webp);
}
#skill-anchoring-shot {
  background-image: url(images/skilltree/Anchoring_Shot.webp);
}
#skill-astral-awakening {
  background-image: url(images/skilltree/Astral_Awakening.webp);
}
#skill-command-supremacy {
  background-image: url(images/skilltree/Command_Supremacy.webp);
}
#skill-voltaic-sails {
  background-image: url(images/skilltree/Voltaic_Sails.webp);
}

#skilltree-sorcerer {
  top: 560px;
}
#skill-phantom-vengeance {
  background-image: url(images/skilltree/Phantom_Vengeance.webp);
}
#skill-limit-break {
  background-image: url(images/skilltree/Limit_Break.webp);
}
#skill-eternal-darkness {
  background-image: url(images/skilltree/Eternal_Darkness.webp);
}
#skill-mana-siphon {
  background-image: url(images/skilltree/Mana_Siphon.webp);
}
#skill-manni-mana {
  background-image: url(images/skilltree/Manni_Mana.webp);
}
#skill-dimensional-shift {
  background-image: url(images/skilltree/Dimensional_Shift.webp);
}
#skill-lightning-strike {
  background-image: url(images/skilltree/Lightning_Strike.webp);
}
#skill-forbidden-contract {
  background-image: url(images/skilltree/Forbidden_Contract.webp);
}
#skill-phantom-control {
  background-image: url(images/skilltree/Phantom_Control.webp);
}
#skill-nightmare-puppeteer {
  background-image: url(images/skilltree/Nightmare_Puppeteer.webp);
}

#skilltree-rogue {
  top: 560px;
  left: 300px;
}
#skill-summon-dagger {
  background-image: url(images/skilltree/Summon_Dagger.webp);
}
#skill-stroke-of-luck {
  background-image: url(images/skilltree/Stroke_of_Luck.webp);
}
#skill-poison-edge {
  background-image: url(images/skilltree/Poison_Edge.webp);
}
#skill-master-thief {
  background-image: url(images/skilltree/Master_Thief.webp);
}
#skill-assassinate {
  background-image: url(images/skilltree/Assassinate.webp);
}
#skill-weakpoint-throw {
  background-image: url(images/skilltree/Weakpoint_Throw.webp);
}
#skill-ambush {
  background-image: url(images/skilltree/Ambush.webp);
}
#skill-deadly-focus {
  background-image: url(images/skilltree/Deadly_Focus.webp);
}
#skill-dagger-storm {
  background-image: url(images/skilltree/Dagger_Storm.webp);
}
#skill-cloaking {
  background-image: url(images/skilltree/Cloaking.webp);
}
#skill-mark-of-death {
  background-image: url(images/skilltree/Mark_of_Death.webp);
}

#skilltree-alchemist {
  top: 560px;
  left: 600px;
}
#skill-transmutation {
  background-image: url(images/skilltree/Transmutation.webp);
}
#skill-gold-gun {
  background-image: url(images/skilltree/Gold_Gun.webp);
}
#skill-chesterson-incense {
  background-image: url(images/skilltree/Chesterson_Incense.webp);
}
#skill-midas-ultimate {
  background-image: url(images/skilltree/Midas_Ultimate.webp);
}
#skill-magnum-opus {
  background-image: url(images/skilltree/Magnum_Opus.webp);
}
#skill-love-potion {
  background-image: url(images/skilltree/Love_Potion.webp);
}
#skill-midas-overflow {
  background-image: url(images/skilltree/Midas_Overflow.webp);
}
#skill-auric-shot {
  background-image: url(images/skilltree/Auric_Shot.webp);
}
#skill-sprouting-salts {
  background-image: url(images/skilltree/Sprouting_Salts.webp);
}
#skill-royal-contract {
  background-image: url(images/skilltree/Royal_Contract.webp);
}