@font-face {
        font-family: "terminus";
        src: url(TerminusTTF-4.47.0.ttf);
}
@font-face {
        font-family: "typewriter";
        src: url(typewriter.ttf);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

@keyframes shart {
	0% {text-shadow: 0px -3px 0px white;}
	10% {text-shadow: 3px 1px 0px white;}
	20% {text-shadow: -2px 2px 0px white;}
	30% {text-shadow: 1px -1px 0px white;}
	40% {text-shadow: -3px 3px 0px white;}
	50% {text-shadow: 2px -2px 0px white;}
	60% {text-shadow: -1px 0px 0px white;}
	70% {text-shadow: 3px 3px 0px white;}
	80% {text-shadow: 0px -2px 0px white;}
	90% {text-shadow: -1px 2px 0px white;}
	100% {text-shadow: 2px 0px 0px white;}

}
@keyframes shite {
	0% {text-shadow: 0px 0px 1px white;}
	5% {text-shadow: 0px 0px 1.25px white;}
	10% {text-shadow: 0px 0px 1.5px white;}
	15% {text-shadow: 0px 0px 1.75px white;}
	20% {text-shadow: 0px 0px 1.75px white;}
	25% {text-shadow: 0px 0px 2px white;}
	30% {text-shadow: 0px 0px 2.25px white;}
	35% {text-shadow: 0px 0px 2.5px white;}
	40% {text-shadow: 0px 0px 2.75px white;}
	45% {text-shadow: 0px 0px 3px white;}
	50% {text-shadow: 0px 0px 3.25px white;}
	55% {text-shadow: 0px 0px 3px white;}
	60% {text-shadow: 0px 0px 2.75px white;}
	65% {text-shadow: 0px 0px 2.5px white;}
	70% {text-shadow: 0px 0px 2.25px white;}
	75% {text-shadow: 0px 0px 2px white;}
	80% {text-shadow: 0px 0px 1.75px white;}
	85% {text-shadow: 0px 0px 1.5px white;}
	90% {text-shadow: 0px 0px 1.25px white;}
	95% {text-shadow: 0px 0px 1px white;}
	100% {text-shadow: 0px 0px 1px white;}
}

@keyframes shite2 {
	0% {color: blue;}
	10% {color: yellow;}
	20% {color: green;}
	30% {color: red;}
	40% {color: cyan;}
	50% {color: orange;}
	60% {color: purple;}
	70% {color: green;}
	80% {color: red;}
	90% {color: purple;}
}


@keyframes sharte {
	0% {text-shadow: 2px 2px 0px #48c0f0;color: white;}
	100% {text-shadow: 2px 2px 0px white;color: #48c0f0;}

}



.piss {
	color: #48c0f0;
	padding: 2px;
	border-left: solid 5px;
	border-right: solid 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: black;


}
.piss2 {
	color: #48c0f0;
	padding: 2px;
	border-left: solid 1px;
	border-right: solid 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: black;
}

.piss3 {
	color: #48c0f0;
	padding: 2px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	background: black;
	margin: 0px;
}




.ass {
	color: #36875C;
	padding: 2px;
	border-left: solid 5px;
	border-right: solid 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: black;
}

.ass2 {
	color: #36875C;
	padding: 2px;
	border-left: solid 1px;
	border-right: solid 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: black;
}

.ass3 {
	color: #36875C;
	padding: 2px;
	border: solid 2px;
	background: black;
	margin: 10px;
}


.shit {
	text-shadow: 0px 0px 1px white;
	font-family: terminus;
	font-size: 80px;
	text-align: center;
	animation-name: shite;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.shit2 {
	text-shadow: 0px 2px 0px white;
	font-family: terminus;
	font-size: 20px;
	text-align: center;
	animation-name: shart;
	animation-duration: .2s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}


.shit2slow {
	text-shadow: 0px 2px 0px white;
	font-family: terminus;
	font-size: 20px;
	text-align: center;
	animation-name: shart;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.shit3 {
	text-shadow: 2px 2px 0px white;
	font-family: terminus;
	text-align: center;
	animation-name: sharte;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	font-size: 40px;
	animation-direction: alternate-reverse;
}

.shit4 {
	font-family: terminus;
	font-size: 80px;
	text-align: center;
	animation-name: shite2;
	animation-duration: .3s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.aids {
	text-shadow: 0px 0px 1px white;
	font-size: 40px;
	vertical-align: middle;
	margin: 20px
}

.cunt {
	background: transparent;
	border-left: solid 2px black;
	border-bottom: solid 2px black;
	height: 20px;
	width: 50px;
}


pre {
     white-space: pre-line;
     text-align : left;
  }
 /* Dropdown Button */
.dropbtn {
  background-color: black;
  color: #48c0f0;
  padding: 6px;
  font-size: 18px;
  border: solid 2px black;
  font-family: terminus;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: solid 1px #48c0f0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #48c0f0;
  padding: 6px;
  text-decoration: none;
  display: block;
  font-family: terminus;
  font-size: 18px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {animation-name: shart;animation-duration: .2s;animation-iteration-count: infinite;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.fart a:hover {animation-name: shart;animation-duration: .2s;animation-iteration-count: infinite;}

.fart {
  background-color: black;
  color: #48c0f0;
  padding: 6px;
  font-size: 18px;
  border: solid 2px black;
  font-family: terminus;
}

.bitch {
	width: 94%;
	border: solid 2px;
	margin: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	float:right;
}
.bitch2 {
	width: 94%;
	border: solid 2px;
	margin: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}