body {
	background-color: black;
	color: white;
	font-family: "Liberation Mono", Courier, monospace;
	background-image: url("img/BG.gif");
}

h1::before {
  content: url("img/clefable-present-left.png");
  display: inline;
}
h1::after {
  content: url("img/clefable-present-right.png");
  display: inline;
}
h2::before {
  content: url("img/clefairy-rse.png");
  display: inline;
}
h2::after {
  content: url("img/clefairy-rse.png");
  display: inline;
}
h3::before {
  content: url("img/cleffa-plat.png");
  display: inline;
}
h3::after {
  content: url("img/cleffa-plat.png");
  display: inline;
}
h4::before {
  content: url("img/cleffa.png");
  display: inline;
}
h4::after {
  content: url("img/cleffa.png");
  display: inline;
  transform: rotate(180deg);
}

ul {
  list-style-image: url("img/cleffa.png");
}

ul li {
  padding: 5px;
}

a:link {
  color: #4FB1CA;
}

a:visited {
  color: #B691DD;
}

.content {
	max-width: 1280px;
	margin: auto;
	background: rgba(0, 0, 0, 0.75);
	border: 5px outset;
}

.header {
	text-align: center;
}
.nav {
	margin-left: auto;
	margin-right: auto;
	text-align: center;

  font-weight: bold;
  color: white;
  background-color: #FF79C5;

	border-collapse: collapse;
  border: 3px purple outset;
}

.nav:hover {
	margin-left: auto;
	margin-right: auto;
	text-align: center;

  font-weight: bold;
  color: white;
  background-color: #CC4692;

	border-collapse: collapse;
  border: 3px purple inset;
}

.content-header {
	color: white;
	text-align: center;
}
.construction {
  text-align: center;
  font-weight: bold;
  font-size: 3em;

}

.fuck-google {
  color: white;
  text-align: center;
  font-size: 8em;
}
.links {
  width: 30%;
  text-align: left;
  margin: auto;
}
.guide-intro {
  width: 85%;
  text-align: left;
  margin-left: 5%;
}
.guide {
  width: 85%;
  text-align: left;
  margin-left: 5%;
}
.interjection {
  text-align: center;
}
.walk {
  position: relative;
  margin: auto;
  width: 32px;
  height: 32px;
  background-image: url("img/clefable-walk.png");
}
.walk::before {
  position: relative;
  right: 40px;
  content:url("img/clefairy-walk.png");
}
.walk::after {
  position: relative;
  top: -38px;
  left: 40px;
  content: url("img/clefairy-walk.png");
}
.wdvn {
  color: white;
  text-align: center;
  font-family: "Liberation Mono", Courier, monospace;
  font-size: 0.75em;
}
.firefox {
  text-align: center;
  margin: auto;
}
.intro {
	text-align: center;
}
.info{
  text-align: center;
}
.coolboxes {
  text-align: center;
}


.nav-bar td {
	border: 3px outset purple;
  background-color: #FF79C5;
}

.nav-bar td:hover {
  border: 3px inset purple;
  background-color: #CC4694;
}

.other-sizes {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

.blinkies-150x20 {
	margin-left: auto;
	margin-right: auto;

	table-layout: fixed;

	border-collapse: collapse;
	border: 10px outset purple;
}

.blinkies-150x20 tbody td {
	border: 3px solid purple;
}
.laugh {
  text-align: left;
  font-family: sans;
  width: 65%;
  margin: auto;
  color: maroon;
  background-color: #f0e0d6;
  border: 1px solid #d9bfb7;
  border-top-color: rgb(217, 191, 183);
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: rgb(217, 191, 183);
  border-left-style: solid;
  border-left-width: 1px;
  border-left: none;
  border-top: none;
  display: table;
  padding: 2px;
}
.laugh p
{
  color: #789922;
}
.laugh b
{
  color: darkgreen;
  font-weight: bold;
}
.laugh a:link
{
  color: blue;
}
.laugh a:visited
{
  color: purple;
}
.footer {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}