/* AboutMeCode */

.bodypink {
  background-color: #ff3377;
}

.pink {
  background-color: #ff99cc;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.pink2 {
  background-color: #ff99cc;
  text-align: center;
  width: 280px;
  height: 160px;
  margin: auto;
}

.prettyp {
  text-decoration: underline;
  color: white;
}

.cute {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pagesP {
  color: white;
  margin-left: auto;
  margin-right: auto;
  background-color: #ff99cc;
}

.a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.a:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.a:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.centerw {
  text-align: center;
  color:white;
}

/* MakingOCsCode */

.bodygreen {
  background-color: #66ff33;
}

.green {
  background-color: #88ff55;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.green2 {
  background-color: #aaff77;
  text-align: center;
  width: 280px;
  height: 160px;
  margin: auto;
}

.prettyg {
  text-decoration: underline;
  color: white;
}

.challenge {
  max-width: 40%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pagesG {
  color: white;
  margin-left: auto;
  margin-right: auto;
  background-color: #aaff77;
}

.b:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.b:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.b:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.b:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.centerg {
  text-align: center;
  color:white;
}

/* WritingStoriesCode */

.bodyyellow {
  background-color: #ffff33;
}

.yellow {
  background-color: #ffff66;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.yellow2 {
  background-color: #ffff80;
  text-align: center;
  width: 280px;
  height: 110px;
  margin: auto;
}

.prettyy {
  text-decoration: underline;
  color: black;
}

.pagesY {
  color: black;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffff80;
}

.c:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

.c:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

.c:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

.c:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

.video {
  width: 560px;
  height: 315px; 
  position: relative; 
  top: 0; right: 0;
  bottom: 0; left: 0;
  margin: auto;
}

/* PlayingGamesCode */

.bodyorange {
  background-color: #ff4d00;
}

.orange {
  background-color: #ea6024;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.orange2 {
  background-color: #ff6b1b;
  text-align: center;
  width: 280px;
  height: 240px;
  margin: auto;
}

.prettyo {
  text-decoration: underline;
  color: white;
}

.Rec {
  max-width: 70%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pagesO {
  color: white;
  margin-left: auto;
  margin-right: auto;
  background-color: #ff6b1b;
}

.d:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.d:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.d:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.d:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.centero {
  text-align: center;
  color:white;
}

.white {
  color:white;
}

/* ModdingPlacesCode */

.bodypurple {
  background-color: #674064;
}

.purple {
  background-color: #924e8f;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.purple2 {
  background-color:	#e4aadf;
  text-align: center;
  width: 280px;
  height: 200px;
  margin: auto;
}

.prettypu {
  text-decoration: underline;
  color: white;
}

.app {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pagesPU {
  color: white;
  margin-left: auto;
  margin-right: auto;
  background-color: #e4aadf;
}

.e:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.e:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.e:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.e:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.centerpu {
  text-align: center;
  color:white;
}

.whitePU {
  color:white;
}

/* CollectingItemsCode */

.bodyblue {
  background-color: #3366ff;
}

.blue {
  background-color: #5588ff;
  text-align: center;
  width: 270px;
  height: 50px;
  margin: auto;
}

.blue2 {
  background-color:	#77aaff;
  text-align: center;
  width: 280px;
  height: 200px;
  margin: auto;
}

.prettyb {
  text-decoration: underline;
  color: white;
}

.Meow {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pagesB {
  color: white;
  margin-left: auto;
  margin-right: auto;
  background-color: #77aaff;
}

.f:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.f:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.f:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.f:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.centerb {
  text-align: center;
  color:white;
}

.whiteb {
  color:white;
}