Glalie

<style>
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Yellowtail);

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


body{background:url(http://i.imgur.com/9g4E2kz.jpg)repeat;background-size:100% 100%;background-color:white
;overflow:hidden;}
.back{background:url()no-repeat bottom left;background-size:100% 100%;opacity:1;z-index:-3;height:100%;width:100%;position:absolute;top:0;right:0;left:0;bottom:0; pointer-events; none;}
.back2{background:url(http://pixelsolutions.biz/wp-content/uploads/2015/12/snow.gif)repeat;opacity:0.2;z-index:-1;height:100%;width:100%;position:absolute;top:0;right:0;left:0;bottom:0; pointer-events; none;}

.gla{position: fixed; right: 10%; top: 10%; z-index: -1; max-width: 30%; animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -o-animation: bounce 3s infinite; image-shadow: 0 0 25px #CC20FF;
}
.energy img{width: 100%;}
@keyframes bounce{
 0% {top: 1%;}
 50% {top: 3%;}
 100% {top: 1%;}
}
@-webkit-keyframes bounce {
 0% {top: 18%;}
 50% {top: 12%;}
 100% {top: 8%;}
}
.energy img{width: 100%; height: auto; image-shadow: 0 0 25px #CC20FF;}

.linker {position: fixed; right: 10%; top: 10%; z-index: -1; width: 25%; height: 80%; z-index: 10;}

b {
text-shadow: 0px 0px 7px #fff;
color: #000;
font-size: 18px;
letter-spacing: 1px;
}

a {
 color: #666;
 text-decoration: none;
 transition: all 0.8s ease-in-out;
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;}
a:hover {
 color: #fff;
 text-decoration: none;
 transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -webkit-transition: all 0.4s ease-in-out;}

.box {
z-index: 10;
position: absolute;
border: 1px solid #;
height:90%;
top:-90%;
left: 1%;
width: 60%;
overflow: hidden;
opacity: 0;
margin:0;
-webkit-transition: all 3s ease-out;
-moz-transition: all 3s ease-out;
-ms-transition: all 4s ease-out;
-o-transition: all 4s ease-out;
transition: all 4s ease-out;
 }
.box:target {
opacity: 1;
position: absolute;
top: 5%;
-webkit-transition: all 4s ease-out;
-moz-transition: all 4s ease-out;
-ms-transition: all 4s ease-out;
-o-transition: all 4s ease-out;
transition: all 4s ease-out;
}


.smolbox {
z-index: 10;
position: absolute;
border-radius: 5%;
border: 4px groove #ccc;
color: #ccc;
background-color:#000;
font-family: yellowtail ;
font-size: 17px;
letter-spacing:1px;
padding: 3px;
opacity:0.5;
height:40%;
top:1%;
left: 1%;
width: 40%;
overflow:auto;
opacity: 0.5;
 }

.smolbox2 {
z-index: 10;
position: absolute;
border-radius: 5%;
border: 4px groove #ccc;
color: #ccc;
background-color:#000;
font-family: yellowtail ;
font-size: 17px;
letter-spacing:1px;
padding: 3px;
opacity:0.5;
height:40%;
top:1%;
right: 1%;
width: 40%;
overflow: auto;
 }

.smolbox3 {
z-index: 10;
position: absolute;
border-radius: 5%;
border: 4px groove #ccc;
color: #ccc;
background-color:#000;
font-family: yellowtail ;
font-size: 17px;
letter-spacing:1px;
padding: 3px;
opacity:0.5;
height:40%;
bottom:1%;
left: 1%;
width: 40%;
overflow: auto;
 }

.smolbox4 {
z-index: 10;
position: absolute;
border-radius: 5%;
border: 4px groove #ccc;
color: #ccc;
background-color:#000;
font-family: yellowtail ;
font-size: 17px;
letter-spacing:1px;
padding: 3px;
opacity:0.5;
height:40%;
bottom:1%;
right: 1%;
width: 40%;
overflow: auto;
 }

#credit{ position: fixed;
left: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 90%;
color: #fff;
z-index:1;}


</style>
<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</div>

<a href="#content"><div class="linker"></div></a>
<div class="gla">
 <img src="http://i.imgur.com/DXup4Ju.png" width="370"></div>

<div id="content" class="box">
<div class="smolbox">
<b>Bold</b> <i>words</i> <a href="link.com" target="_blank">Link</a>
</div>

<div class="smolbox2">
words2
</div>

<div class="smolbox3">
words3
</div>

<div class="smolbox4">
words4
</div>
<a href="#"><img src="http://i.imgur.com/3nfbJrV.gif" height="15%" style="position:absolute; bottom:42%; left: 45%;"></a>
</div>

<div class="back"></div>
<div class="back2"></div>