/* main profile stuff*/
	@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

	@font-face { font-family: lemon milk; src: url('https://dl.dropbox.com/s/yqp95rhe0xazngr/LemonMilk.otf?dl=0');}

	body { background: #333; cursor: url('http://i.imgur.com/2qleX.jpg'), default; overflow: hidden;}

	.main { position: absolute; margin: auto; bottom: 10vh; left: 10vw; height: 45vh; width: 40vw; background: url('https://wallpaperaccess.com/full/84247.jpg'); background-size: 100%;  background-position: center; border-radius: 1px; filter:  grayscale(80%) drop-shadow(8px 8px 0px #202526); transition: all .7s ease-in-out;}

	.dab a { z-index: 100000000000000000; position: absolute; bottom: 0vh; left: 0vw; height: 80vh; width: 28vw; background: url('https://i.imgur.com/ugWdwDe.png') no-repeat; background-size: cover; transition: all .7s ease-in-out; display:block; background-color:transparent; opacity: 1;}
	.dab2 a{ z-index: 10000000000000000000000000000; position: absolute; bottom: 0vh; left: 0vh; height: 70vh; width: 19vw; background: url('https://i.imgur.com/zPAGNVt.png') no-repeat; background-size: cover; transition: all .7s ease-in-out; display:block; background-color:transparent;	}

	.words{ position: absolute; top: 2vh; right: 5vw; font-family: 'Staatliches', cursive; color: #fff; font-size: 1.5vw; width: 30vh; text-align: justify; -webkit-text-stroke: 1px #3333;}

	.container { z-index: 100000;position: absolute; bottom: 5vh; left: 10vw; height: 65vh; width: 35vw; background: #eeee; border-radius: 10px;  filter: drop-shadow(8px 8px 0px #212628); opacity: 0; transition: all .7s ease-in-out; }

	.container2 { z-index: 10000; position: absolute; bottom: 10vh; left: 3vw; height: 20vh; width: 30vw; background: #eee3; outline: solid 10px #000; opacity: 0;}

	.dab3 a { z-index: 10000000;position: absolute; bottom: 0vh; left: 0vw; height: 50vh; width: 20vw; background: url('https://i.imgur.com/R8BppNl.png') no-repeat; background-size: cover; display:block; background-color:transparent;}

	.bbar1 { z-index: 1; position: absolute; top: 0vw; left: 0vh; height: 2vh; width: 35vw; background: #000; }

	.bbar2 { z-index: 1; position: absolute; bottom: 0vw; left: 0vh; height: 2vh; width: 35vw; background: #000;}

	.bbar3{ z-index: 1; position: absolute; right: 0vw; bottom: 0vh; height: 65vh; width: 1vw; background: #000;}

	.bbar4 {z-index: 1; position: absolute; left: 0vw; bottom: 0vh; height: 65vh; width: 1vw; background: #000;}

	.stats { position: absolute; top: 5vh; right: 2vw; height: 25vh; width: 15vw; background: #000; padding: 10px; overflow: auto; font-family: 'Staatliches', cursive; color: #fff;}

	.hist { position: absolute; bottom: 5vh; right: 2vw; height: 25vh; width: 15vw; background: #000; padding: 10px; overflow: auto; font-family: 'Staatliches', cursive; color: #fff;}

	.ooc { position: absolute; top: 1.5vh; right: 1vh; height: 15vh; width: 15vw;  background: #000; padding: 10px; overflow: auto; font-family: 'Staatliches', cursive; color: #fff;}


	/*blankets*/
	#blanket:target .dab a { z-index: -1;opacity: 0;}
	#blanket:target .main { transition: all .7s ease-in-out; opacity: 0;}
	#blanket:target .container { transition: all .7s ease-in-out; opacity: 1;}
	#blanket:target .title { transition: all .7s ease-in-out; opacity: 1;}
	#blanket:target .bar { transition: all .7s ease-in-out; opacity: 1;}
	#blanket3:target .dab3 a { z-index: -1; opacity: 0; transition: all .7s ease-in-out;}


	#blanket2:target .dab2 a { z-index: 1000000000000000; opacity: 0; transition: all .7s ease-in-out;}
	#blanket2:target .dab a { z-index: -1;opacity: 0;}
	#blanket2:target .main { transition: all .7s ease-in-out; opacity: 0;}
	#blanket2:target .container { transition: all .7s ease-in-out; opacity: 0;}
	#blanket2:target .title { transition: all .7s ease-in-out; opacity: 0;}
	#blanket2:target .bar { transition: all .7s ease-in-out; opacity: 0;}
	#blanket2:target .container2 { transition: all .7s ease-in-out; opacity: 1;}
	#blanket2:target .dab3 a { z-index: ; opacity: 1; transition: all .7s ease-in-out;}



	#blanket3:target .dab3 a { z-index: 100000000000000000000; opacity: 0; transition: all .7s ease-in-out;}
	#blanket3:target .dab1 a { z-index: 1000000000000000; opacity: 1; transition: all .7s ease-in-out;}
	#blanket3:target .main { transition: all .7s ease-in-out; opacity: 1;}
	#blanket3:target .container2 { transition: all .7s ease-in-out; opacity: 0;}
	#blanket3:target .title { transition: all .7s ease-in-out; opacity: 0;}
	#blanket3:target .bar { transition: all .7s ease-in-out; opacity: 0;}


	/*misc*/
	H1 {
 text-decoration:none;
 text-transform:uppercase;
 text-align:center;
font-family: 'Roboto Condensed', sans-serif;
 background-color:#fff7;
 color:#000;
 padding-right:0px;
 padding-top:6px;
 padding-bottom: 6px;
 padding-left:16px;
 font-size:15px;
 line-height:11px;
 letter-spacing:6px;}


::-webkit-scrollbar { display: none; }

	a, a:link, a:visited {
color: #F5B66E;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
transition:0.7s;}

a:hover{
color: #fff;
text-shadow: 0px 0px 5px #fff;
letter-spacing:1px;
transition: 0.7s;
cursor: url('http://i.imgur.com/2qleX.jpg'), default;}

	u {
	text-decoration:none;
	background-color: #2D2B31;
	padding: 3px;
	color:#fff;
	line-height:34px;
	text-transform: uppercase;


	}


	r { line-height: 34px;
	text-transform: uppercase;
}


	</style>
	<div id="blanket">
	<div id="blanket2">
		<div id="blanket3"></iv>
	<div class="main"><div class="words">You must've thought, "As long as I face the future, I can be better!" I can tell you're at a loss for words, so here's the answer! The past never dies! Get it yet!? Y'reap what you sow! Let's tango, you and me- Enji Todoroki!! A dance with your son, here in hell!!</div></div>
	<div class="dab"><a href="#blanket"></a></div>
	<div class="container"><div class="bbar1"></div><div class="bbar2"></div><div class="bbar3"></div><div class="bbar4"></div>
	<div class="stats"><h1>test</h1>
	<u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span>
<br><u>stat</u> <span style="float:right;"><r>answer</r></span></div>
	<div class="hist"><h1>test</h1>
		Willow trees undead wind, unknown ripped needles. Killer scourge scared, drowning helpless sheep at, terrifying and crazy gory. Virus witch demonic dripping, at werewolf psycho slice flames. Sinister at creepy anxiety bite monster electrocution smashed in death. Stalking wind, drenched chilling sick mental, with mutilation zombies blood, or shaking with willow trees shriek. Dark mutilation rotten, Blood hair raising or, blood in eyeball. Trapped flesh grotesque squeal, bloodcurdlin.

Chilling hair-raising spooky hazardous daring. Children creepy deranged, ashes a killer a, monster mental hospital. Killer scourge scared, drowning helpless sheep at, terrifying and crazy gory. Eyeball cat silent, morbid in damp torture, 666 at brains. Blood ashes tearing in drowning spooky at fanatic with murderer. Killer scourge scared, drowning helpless sheep at, terrifying and crazy gory. Tearing eyeballs zombie slash. Graves slice ominous is guns exorcism guts. Flames a.</div>
		<div class="dab2"><a href="#blanket2"></a></div></div>
		<div class="container2"><div class="dab3"><a href="#blanket3"></a><div class="ooc">holy shit this took me so long to do. code made by scoob. blankets fucked the link up. you know who i am. ic =/= ooc. dabi won't fuck you. don't ask. he's traumatized by the abuse endeavour put him through. you wanna get close to him? work for it. shipping's unlikely. so's smut.</div></div></div>