demon code

<style>
body {
	background-color: #000;
	background-image: url('https://i.imgur.com/gJVevrF.jpg');
	background-position: fixed;
 background-size: 120%;
	background-repeat:no-repeat;
	background-position: left  top;
 	font-family: ;
	color: #7c7c7c;
 	text-shadow:0px 0px 3px #000;
}


.button1 {
 background-color: #B6B6B6;
 border-radius: 50px;
 position:absolute;
 transition-duration: .4s;
 cursor: pointer;
}

.button2 {
 background-color: #B6B6B6;
 border-radius: 50px;
 position:absolute;
 transition-duration: .4s;
 cursor: pointer;
}

.button3 {
 background-color: #B7B7B7;
 border-radius: 50px;
 position:absolute;
 transition-duration: .4s;
 cursor: pointer;
}


.linktab{
position:absolute;
top:30%;
left:0%;
text-align:center;
background-color:;
z-index:99;
}

.linktab2{
position:absolute;
top:30%;
left:12%;
text-align:center;
background-color:;
z-index:99;
}

.reset{
position:absolute;
top:70%;
left:45%;
z-index:99;
}

.content{
position: absolute;
height: 100px;
width: 400px;
top: 35%;
left: 0%;
z-index: -1;
opacity: 0;
transition: .8s;
-moz-transition: .8s;
webkit-transition: .8s;
-o-transition: .8s;
}

.content:target{
top: 50%;
left: 0%;
z-index: 1;
transition: 1.2s;
-moz-transition: 1.2s;
webkit-transition: 1.2s;
-o-transition: 1.2s;
opacity: 1;
}

.contentbox{

background: #7F3216;
font-family:'Roboto Mono', monospace;
font-variant: small-caps;
font-size:12px;
color: #fcfcfc;
letter-spacing: 0px;
width: 400px;
height: 300px;
overflow-y:auto;
position: absolute;
line-height: 10px;
padding: 5px;
margin: 5px;
opacity: .5;
border: 10px solid rgba(255,255,255,.32);
outline: 1px solid rgba(255,255,255,.5);
outline-offset: 2px;
z-index:1;
text-shadow:none;
}

.button1 {
 background-image:url("https://i.pinimg.com/564x/e7/c1/ec/e7c1ec38c5e6762e110fcefa894f9ab5.jpg");
 background-size: 100%;
 width: 20px;
 color: black;
 font-size: 16px;
 opacity: 0.7;
 padding: 80px 75px;
 border: 1px solid #555555;
}

.button1:hover {
 background-image:url("https://i.pinimg.com/564x/e7/c1/ec/e7c1ec38c5e6762e110fcefa894f9ab5.jpg");
 background-size: 100%;
 width: 20px;
 color: white;
 font-size: 18px;
 opacity: 1;
 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);

}

.button2 {
 background-image:url("http://i.picpar.com/YwGd.png");
 background-size: 100%;
 width: 20px;
 color: black;
 font-size: 16px;
 opacity: 0.7;
 padding: 80px 75px;
 border: 1px solid #555555;
}

.button2:hover {
 background-image:url("http://i.picpar.com/YwGd.png");
 background-size: 100%;
 width: 20px;
 color: white;
 font-size: 18px;
 opacity: 1;
 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);

}

.button3 {
 background-image:url("https://media.giphy.com/media/KHKspeBKSnA7QwkcHa/giphy.gif");
 background-size: 100%;
 width: 20px;
 font-size: 16px;
 opacity: 0.7;
 padding: 50px 50px;

}

.button3:hover {
 background-image:url("https://media.giphy.com/media/KHKspeBKSnA7QwkcHa/giphy.gif");
 background-size: 100%;
 width: 20px;
 font-size: 18px;
 opacity: 1;


}


</style>
<body>



<div class="linktab"><class="link"><a target="_blank" href="https://roleplay.chat/profile.php?user=Agent+Angelo"><button class="button button1"></button><br></a></div>

<div class="linktab2"><a href="#two" class="link"><button class="button button2"></button><br></a></div>

<div class="reset"><a href="#reset" class="link"><button class="button button3"></button></a></div>

<div id="one" class="content"><div class="contentbox">
<h1>Angelo Stuff Goes Here</h1>



</div>
</div>

<div id="two" class="content"><div class="contentbox">
<h1>Demon Stuff goes here</h1>


</div>

</div>
</div>

<div id="reset" class="content">


</div>

</div>
</div>



</body>
</body>