Link

<style type="text/css">

body {
 margin: 0;
 padding: 0;
 background-color:#292d4b; /*change your background here*/
 -webkit-background-size: ;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: ;

}

a {
 text-decoration: none;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

a:hover {
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#top-one {
 position: fixed;
 left: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#top-two {
 position: fixed;
 right: 4%;
 top: 8%;
 width: 35%;
 height: 0px;
 border-top: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#left {
 position: fixed;
 left: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-left: px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/

}

#bottom {
 position: fixed;
 width: 92%;
 height: 0px;
 margin: 0 auto;
 left: 0px;
 right: 0px;
 bottom: 8%;
 border-bottom: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#right {
 position: fixed;
 right: 4%;
 top: 8%;
 height: 84%;
 width: 0px;
 border-right: 0px solid;
 border-color: #FFFFFF; /*change border color here*/
 box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
}

#title {
 margin: 0 auto;
 left: 0px;
 right: 0px;
 width: 22%;
 text-align: center;
 top: 7%;
 position: fixed;
 font-family: Montserrat;
 letter-spacing: 13px;
 color: #FFFFFF; /*change title color here*/
 font-size: 12px;
}

#url a {
 margin: 0 auto;
 left: 0px;
 right: 0px;
 width: 100%;
 text-align: center;
 top: 200px;
 position: fixed;
 font-size: 50px; /*change url size here*/
 letter-spacing: 20px;
 color: #760505; /*change url color here*/
 font-family: Prata;
 text-shadow:
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF; /*change url shadow color here*/
}

#url a:hover {
 color: #000000; /*change url hover color*/
}

#c {
 position: fixed;
 bottom: 13px;
 right: 15px;
 font-family: Arial;
}

#c a {
 color: #FFFFFF; /*change credit color here*/
 font-size: 18px;
}

/* Credits to http://pohroro.tumblr.com */

/* This is the profile page content: */
.contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-color:#1d2536;opacity:0;z-index:-1;}
.contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;}








.clouds {
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
display:block;
overflow: visible;
opacity: 0.5;
background:transparent url('http://i.picpar.com/mMac.png') repeat top center;
z-index:1;
-moz-animation:move-scrolling-front 150s linear infinite;
-ms-animation:move-scrolling-front 150s linear infinite;
-o-animation:move-scrolling-front 150s linear infinite;
-webkit-animation:move-scrolling-front 150s linear infinite;
animation:move-scrolling-front 150s linear infinite;
}

@keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-webkit-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-moz-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:300% 0%}
}
@-ms-keyframes move-scrolling-front{
from{background-position:0% 0%}
to{background-position:200% 0%}
}




</style>




</a>
<div id="url">

<a href="#1">
 <img src="http://i.picpar.com/msFc.png" alt="" width="230" /> </a>
</div>

<div id="c">
<a target="_blank" href=" " title=" "> </a>
</div>

<div id="1" class="contentpage">





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


::selection {
background: #ddd;
color: #fff;
}

::-moz-selection {
background: #ddd;
color: #fff;
}

::-webkit-selection {
background: #ddd;
color: #fff;
}


::-webkit-scrollbar-thumb:vertical {
background-color: #c6a0a8;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #f0ebea;
}

body {
color: #aaa;
text-align:justify;
font-family: tahoma;
font-size: 10px;
background-color: #2a3547;
background-image:url('');
background-attachment: fixed repeat; }


#subete{
margin-left: -200px;
margin-top: 130px; }

#about { margin-top: 100px; }
#about i { font-style: italic; color:#787878; letter-spacing: 2px; }
#about b { font-weight: bold; color:#787878; letter-spacing: 1px; }

#kago {
width: 520px;
height: 330px;
padding: 20px;
overflow: hidden;
background-color:#00062a;border: 1px solid #ddd;
margin-left: 400px;
margin-top: -1px; }

#shouzou {
width: 360px;
height: 502px;
background-color:#00062a;border: 1px solid #ddd;
padding: 5px;
margin-top: -70px;
margin-left: 400px;
margin-right:-1px;
float: left; }
#shouzou img { width: 360px; height: 502px; opacity: 0.8; -webkit-filter: grayscale(1);
 }


#daimei {
text-align: center;
font-family: georgia;
color: #444;
font-size: 16px;
text-transform: lowercase;
padding:0px 0px 2px 0px;
border-bottom: 1px dotted #aaa; }

#fukudai {
text-align: center;
font-family: tahoma;
color: #aaa;
font-size: 12px;
text-transform: none;
padding:0px 20px 0px 20px;
margin-top: 3px; }

#onaka {
float: right;
width: 200px;
text-align: justify;
height: 100px;
padding: 5px;
line-height: 15px;
font-size:9px;
position: relative; }
.tap
{color:#bebebe;
border-left: solid 8px;
letter-spacing: 1px;
font-size:8px; }

#nai {
margin-top: 7px;
margin-left: 20px; }

#atama {
float: left;
width: 200px;
height: 100px;
padding: 5px;
position: relative; }

#karada { position: absolute; margin-top: -5px; }




ul
{
list-style:square;
margin-left:-10px; }

blockquote
{
background-color: #f7f7f7;
padding: 5px;
margin-left: 10px; margin-right: 10px; }

/* NAVIGATION */

#navi{
text-align:center;
margin-left:25px;
margin-top: 220px;
width:200px;
padding:12px;
position:absolute;
z-index: 9999; }

#ichi {
margin-bottom:4px;
color:#b2b2b2;
width: 60px;
background-color:#2a3647;
padding: 4px;
opacity: 0.6;
font-size: 8px;
text-transform: uppercase;
letter-spacing:1px;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#ichi:hover { opacity: 1; }

/* END NAVIGATION */





b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #FFF;
 background: #820000;
 letter-spacing: px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #000;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color: #8e0000;
 letter-spacing: px;
 padding: ;
 margin-right: 2px;}








#url1 a {
 margin: 0 auto;
 left: 890px;
 right: 0px;
 width: 100%;
 text-align: ;
 top: 163px;
 position: fixed;
 font-size: 38px; /*change url size here*/
 letter-spacing: 2px;
 color: #000; /*change url color here*/
 font-family: Prata;
 text-shadow:
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF, /*change url shadow color here*/
 0 0 3px #FFFFFF; /*change url shadow color here*/
}

#url1 a:hover {
 color: #3b3439; /*change url hover color*/
}







.hoverbox1 {
 position: fixed;
 background-color: #fff;
 opacity: 0;
 width: 105px;
 height: 345px;
 padding: 5px;
 left: 1200px;
 top: 160px;
 font-family: arial;
 font-size: 9px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 285px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: 10px;
 line-height: 10px;
 text-transform: ;
}






 .linkbox {
 position: fixed;
 background-color: #fff;
 width: 100px;
 height: 100px;
 left: 1140px;
 top: 330px;
 z-index: 9;
 opacity: 0;
border: 1px solid #000;
 -webkit-transition: all .0s ease-in-out;
 }
 .linkbox:hover {
 opacity: 1;
 }
 .linkbox a {
 display: block;
 background-color: #ebf6f9;
 margin-top: 4px;
 height: 15px;
 width: 90px;
 align: center;
 line-height: 15px;
 color: #fff;
 }
 .linkbox a:hover {
 background-color: #d5e9ee;
 }





.mainbox {
 background-color: #;
 position: fixed;
 width: 181px;
 height: 215px;
 left: 1140px;
 top: 330px;
 padding: 10px;
 border: px solid #ffffff;
 opacity: 1;

 }


body, a, a:hover{
cursor: url('http://i.picpar.com/psFc.png'), progress;}



.ophi {
position: absolute;
left: 150px;
top: 15%;
z-index: 99;
height: 75%;
width: 30%;
background-image:url('');
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}

.star {
position: absolute;
left:80px;
top: 380px;
text-align: justify;
overflow: auto;
z-index: 99;
height: 200px;
width: 15%;
font-family: Poiret One;
font-size: 2vh;
color: #ddd;
}


.stars-bg {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-size: 240px;
 backface-visibility: visible;
 z-index: 1;
 animation: spin 300s linear infinite;
}









#meelaud { z-index: 10000; position: fixed; left:152px; top:290px; width:800px; font-family: 'Great Vibes', cursive; font-size: 100px; color: #fff; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://78.media.tumblr.com/1046ae5f9a312353e0e3fb7db09358d2/tumblr_o1kh9kmU4F1tpqbioo1_500.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}

#mee { z-index: 10000; position: fixed; left:150px; top:290px; width:800px; font-family: 'Great Vibes', cursive; font-size: 100px; color: #fff; -webkit-text-fill-color: transparent; background-color:#fff; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
font-style: ;
color:#68a279;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #68a279, 0 -1px #68a279;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#68a279;
}


</style>





 <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.8; width: px; height: px; background-color: ; position: absolute; top: 155px; left: 550px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">


<img src="http://i.picpar.com/tsFc.png" alt="" width="" />


</span></div>
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.9; width: px; height: px; background-color: ; position: absolute; top: 155px; left: 420px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">


<img src="https://vignette.wikia.nocookie.net/mugen/images/5/5f/BoTWLinkArtwork.png/revision/latest?cb=20170303191517" alt="" width="370" />


</span></div>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.9; width: px; height: px; background-color: ; position: absolute; top: 255px; left: 70px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">


<img src="http://i.picpar.com/usFc.png" alt="" width="420" />


</span></div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.2; width: 430px; height: 230px; background-color:#424d63; position: absolute; top: 350px; left: 70px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">




</span></div>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.9; width: px; height:px; background-color:#; position: absolute; top: 390px; left: 310px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

<img src="http://i.picpar.com/ysFc.png" alt="" width="160" height="160"/>

</span></div>



<div class="ophi"></div>
<div class="star">
<center><div style="font-size: 3vh;">L i n k</div></center>
<hr color="#858CD7">
<center><i><span style="color:#fff">A hero is not defined only in battle. They aso inspire. They bring hope of a new horizon.</i>
</center>
<br><br>
<font style=float:left>- name</font> <font style=float:right>Link -</font><br>
<font style=float:left>- race</font> <font style=float:right>Hylian -</font><br>
<font style=float:left>- home</font> <font style=float:right>Kokiri Forest -</font><br>
<font style=float:left>- sexuality</font> <font style=float:right>Heterosexual -</font><br>
<font style=float:left>- marital</font> <font style=float:right> Singular -</font><br>
</div>





 <div id="mee"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 73px;"> hylian hero</div>


<span title="I play Navi as temperamental and stubborn. She's a bit fiery with some fight in her. Don't piss her off.">
 <div id="meelaud"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 73px;"> hylian hero</div></span>