Ruse code

<style>

@import url('https://fonts.googleapis.com/css?family=Monoton');
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');

 body {
background-color:#0c1038;
transition:1s;
overflow:hidden;
}

::-webkit-scrollbar
{
	width:0px;
	background-color: transparent;
}


#overlaycolor{
position:absolute;
width:100%;
height:100%;
background: linear-gradient(#0c1038, #7f399b);
top:0px;
left:0px;
opacity:0;
transition:3s;
z-index:1;
background-position:0px -200px;
}
body:hover #overlaycolor{
 opacity:1;
}
#overlay{
 background-image:url(http://www.newdesignfile.com/postpic/2013/07/horizontal-line-patterns_253071.png);
 background-size:100%;
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:0px;
 z-index:7;
}
#box{
 width:100%;
 height:50%;
 z-index:10;
 background-color:#0c1038;
 position:absolute;
 left:0px;
 top:50%;
 perspective: 1000px;
}
#grid{
 background-image:url(http://www.freeiconspng.com/uploads/tile-grid-png-6.png);
 background-size:100%;
 width:200%;
 height:300%;
 position:absolute;
 top:-133%;
 left:-30%;
 transform:rotatex(70deg);
transition:3s;
}

body:hover #grid{
background-image:url(http://i.imgur.com/l8FEJUC.png);


}

#mountain{
 background-image:url(http://i.imgur.com/eQKeRZR.png);
 width:100%;
 height:350px;
 background-size:100%;
 background-repeat:no-repeat;
 position:absolute;
 left:0px;
 top:50%;
 margin-top:-330px;
 z-index:6;
 filter:brightness(0%);
 transition:3s;
}

body:hover #mountain{
 filter:brightness(200%);
}

#sun{
 width:400px;
 height:400px;
 background-image:url(http://i.imgur.com/OmEEuAw.png);
 background-size:100%;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-200px;
 z-index:4;
 transition:2s;
}

body:hover #sun{
 margin-top:-445px;
}

#neon{

height:2px;
width:100%;
background-color:#fff;
position:absolute;
top:50%;
left:0px;
 z-index:11;
 animation: neon1 1.5s ease-in-out infinite alternate;
}

#box1{
width:400px;
height:400px;
z-index:40;
position:absolute;
top:50%;
left:50%;
background-color:#7f399b;
transform:rotate(30deg);
margin-top:-300px;
margin-left:200px;
opacity:0;
transition:1s;
transition-delay:0s;
background-image:url(http://i.imgur.com/KPzCX45.png);
background-size:100%;
}
body:hover #box1{
opacity:1;
transition-delay:2s;
}

#box2{
width:600px;
height:350px;
clip-path: polygon(75% 0, 0% 100%, 100% 100%);
z-index:40;
position:absolute;
top:15%;
left:15%;
background-color:#FF1177;
opacity:0;
transition:1s;
transition-delay:0s;
transform:rotate(180deg);
background-image:url(http://i.imgur.com/KPzCX45.png);
background-size:100%;
}
body:hover #box2{
opacity:1;
transition-delay:2s;
}

#boxsquare{
width:400px;
height:400px;
background-color:#960A46;
transform:rotate(-30deg);
}

#boxtriangle{
width:600px;
height:200px;
background-color:#0c1038;
position:absolute;
top:50%;
left:50%;
z-index:45;
margin-left:-700px;
margin-top:-300px;
opacity:0;
transition:1s;
transition-delay:0s;
}
body:hover #boxtriangle{
opacity:1;
transition-delay:2s;
}

#boxinfo1{
width:370px;
height:370px;
border:solid 1px #0c1038;
position:absolute;
margin-top:4px;
margin-left:4px;
overflow:auto;
font-family: consolas;
color:#fff;
font-size:12pt;
padding:10px;
}

#boxinfo2{
width:570px;
height:170px;
border:solid 1px #FF1177;
position:absolute;
margin-top:4px;
margin-left:4px;
overflow:auto;
font-family: consolas;
color:#fff;
font-size:12pt;
padding:10px;
}

h1{
font-family: 'Monoton', cursive;
font-size:50pt;
background: linear-gradient(#396799, #d0dee7, #227644);
background-size:60%;
background-position:center;
-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
position:absolute;
margin-top:180px;
margin-left:200px;
transform:rotate(-15deg);
 text-decoration: line-through;
}

h2{
font-family: 'Monoton', cursive;
font-size:50pt;
background: linear-gradient(#fdee55, #fb3a3d);
background-size:60%;
background-position:center;
-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
position:absolute;
margin-top:-80px;
margin-left:50px;
 text-decoration: line-through;

}

h3{
font-family: 'Press Start 2P', cursive;
color:#fff;
font-size:15pt;
margin-top:5px;
margin-bottom:5px;
text-align:center;
text-decoration:underline;
letter-spacing:10px;
}

@keyframes neon1 {
 from {
 box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
 }
 to {
 box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
 }
}

@keyframes neon6 {
 from {
 box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
 }
 to {
 box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
 }
}

a{
text-decoration:none;
color:#dadada;
transition:1s;
}

a:hover{
color:gold;
}

</style>
<div id="neon"></div>
<div id="overlaycolor"></div>
<div id="overlay"></div>
<div id="sun"></div>
<div id="mountain"></div>
<div id="box">
<div id="grid"></div>
</div>

<div id="box1">
<div id="boxsquare">
<h2>LESBIAN</h2>
<div id="boxinfo1">
<h3>STATS</h3>
<span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
<span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
 <span style="float: left;">Stat</span> <span style="float: right;">Stat</span><br>
<h3>STORY</h3>
</div>
</div>
</div>

<div id="box2">
</div>
<div id="boxtriangle">
<div id="boxinfo2">
<h3>OOC</h3>
00 This profile was made by the <a target="_blank" href="https://roleplay.chat/profile.php?user=Hound%20of%20Tindalos"> Hound of Tindalos </a>, send him a RPC mail or a message if you want a custom profile.<br><br>
<h3>FRIENDS</h3>
 <a target="_blank" href="https://iframe.roleplay.chat/profile.php?user=Friend%20name">
<img border="0" title="Description of friend here" src="https://orig09.deviantart.net/a4df/f/2010/339/f/6/facebook___anonymous_by_darklordronnie-d34a0mn.jpg" width="50" height="50"></a>
 <a target="_blank" href="https://iframe.roleplay.chat/profile.php?user=Friend%20name">
<img border="0" title="Description of friend here" src="https://orig09.deviantart.net/a4df/f/2010/339/f/6/facebook___anonymous_by_darklordronnie-d34a0mn.jpg" width="50" height="50"></a>
 <a target="_blank" href="https://iframe.roleplay.chat/profile.php?user=Friend%20name">
<img border="0" title="Description of friend here" src="https://orig09.deviantart.net/a4df/f/2010/339/f/6/facebook___anonymous_by_darklordronnie-d34a0mn.jpg" width="50" height="50"></a>

</div>
<h1>BLANK</h1>
</div>