@media screen and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }

  .cont {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .cont::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after,
  .right::after {
    left: 18px;
  }

  .right {
    left: 0%;
  }

  iframe {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  }
}

#stuff {
  background-color: White;
}

body{
  background-color: gainsboro;
}

/* which version? */
#atknav, #defnav{
  padding:20,0;
}

/* pokemon type choice*/

#choice {
  background-color: White;
}

/* chart sizes */

.wtype, .stype, .noEffect {
  border-width: 3px;
  border-style:  solid;
  border-radius: 2px;
}

/* chart heading */
th{
  background-color: Gainsboro;/*
  width: 12em;
  padding: 1em 0;

  border-radius: 5px;*/
}

/* pokemon chart type styles */
.norm {
  background-color: gainsboro;
  border-color: Black;
}

.fire {
  background-color: OrangeRed;
  color: MistyRose;
  border-color: Red;
}

.water {
  background-color: LightSkyBlue;
  color: Azure;
  border-color: PowderBlue;
}

.grass {
  background-color: ForestGreen;
  color: HoneyDew;
  border-color: DarkGreen;
}

.elec {
  background-color: Gold;
  color: Beige;
  border-color: Chatreuse;
}

.ice {
  background-color: AliceBlue;
  color: Navy;
  border-color: DeepSkyBlue;
}

.fight {
  background-color: DarkRed;
  color: White;
  border-color: Crimson;
}

.pois {
  background-color: Indigo;
  color: Lavender;
  border-color: BlueViolet;
}

.grnd {
  background-color: DarkKhaki;
  color: SaddleBrown;
  border-color: Cornsilk;
}

.fly {
  background-color: PaleTurquoise;
  color: RoyalBlue;
  border-color: LightBlue;
}

.psych {
  background-color: Fuchsia;
  color: GhostWhite;
  border-color: Brown;
}

.bug {
  background-color: Olive;
  color: Ivory;
  border-color: WhiteSmoke;
}

.rock {
  background-color: Sienna;
  color: OldLace;
  border-color: Wheat;
}

.ghost {
  background-color: MediumPurple;
  color: Lavender;
  border-color: Thistle;
}

.drag {
  background-color: SteelBlue;
  color: LightCyan;
  border-color: LightSKyBlue;
}

.drk {
  background-color: DimGray;
  color: White;
  border-color: DarkSlateGray;
}

.steel {
  background-color: Silver;
  color: Black;
  border-color: Black;
}

.fairy {
  background-color: HotPink;
  color: LaenderBlush;
  border-color: LightPink;
}

/* button styles */
div#norm{
  background-color: gainsboro;
  border-color: Black;
}

div#fire {
  background-color: OrangeRed;
  color: MistyRose;
  border-color: Red;
}

div#water {
  background-color: LightSkyBlue;
  color: Navy;
  border-color: PowderBlue;
}

div#grass {
  background-color: ForestGreen;
  color: HoneyDew;
  border-color: DarkGreen;
}

div#elec {
  background-color: Gold;
  color: Sienna;
  border-color: Chatreuse;
}

div#ice {
  background-color: AliceBlue;
  color: Navy;
  border-color: DeepSkyBlue;
}

div#fight {
  background-color: DarkRed;
  color: White;
  border-color: Crimson;
}

div#pois {
  background-color: Indigo;
  color: Lavender;
  border-color: BlueViolet;
}

div#grnd {
  background-color: DarkKhaki;
  color: SaddleBrown;
  border-color: Cornsilk;
}

div#fly {
  background-color: PaleTurquoise;
  color: RoyalBlue;
  border-color: LightBlue;
}

div#psych {
  background-color: Fuchsia;
  color: GhostWhite;
  border-color: Brown;
}

div#bug {
  background-color: Olive;
  color: Ivory;
  border-color: WhiteSmoke;
}

div#rck {
  background-color: Sienna;
  color: OldLace;
  border-color: Wheat;
}

div#ghst {
  background-color: MediumPurple;
  color: Lavender;
  border-color: Thistle;
}

div#drag {
  background-color: SteelBlue;
  color: LightCyan;
  border-color: LightSKyBlue;
}

div#drk {
  background-color: DimGray;
  color: White;
  border-color: DarkSlateGray;
}

div#steel {
  background-color: Silver;
  color: Black;
  border-color: Black;
}

div#fairy {
  background-color: HotPink;
  color: LaenderBlush;
  border-color: LightPink;
}