Andromedae (Crimson)

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


body {
 margin: 0;
 padding: 0;
 background: url(http://i.picpar.com/QOEc.gif);
background-size: cover;

 -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: 0px;
 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: url(http://i.picpar.com/QOEc.gif);
background-size: cover;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%}
}



b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #664737;
 background: #fff;
 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: #cf765d;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}




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


#meelaud { z-index: 10000; position: fixed; left:640px; top:188px; width:800px; font-family: 'Great Vibes', cursive; font-size: 100px; color: #fff; -webkit-text-fill-color: transparent; letter-spacing: 0px; background-color:#d6b0eb; 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:#fff;
text-shadow: -1px 0 #669161, 0 1px #669161, 1px 0 #669161, 0 -1px #669161;
-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:#fff;
}




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








.star1 {
position: absolute;
left: 585px;
top: 583px;
text-align: justify;
overflow: auto;
z-index: 99;
height: 30px;
width: 200px;
font-family: Poiret One;
font-size: 2vh;
color: #ddd;
}
</style>




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


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

	<a href="#1">
					<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 301px; left: 300px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/WOEc.png" alt="" width="315" height=" " /> </span></div>

</a>


						<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 166px; left: 600px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/XOEc.png" alt="" width="270" height="255" /> </span></div>



						<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: 100px; ; position: absolute; top: 185px; left: 640px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #2f2833;">

<span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 45px; letter-spacing: 0px;"> andromeda.


 </span></div>

					<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: 100px; ; position: absolute; top: 187px; left: 642px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #d6b0eb;">

<span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 45px; letter-spacing: 0px;"> andromeda.

 </span></div>


 <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 200px; height: 200px; ; position: absolute; top: 235px; left: 632px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: Poiret One; font-size: 2vh; line-height:14px; color: #ddd; ">
 Andromeda Galaxy contains approximately one trillion stars, more than twice the number of the Milky Way’s estimated 200-400 billion stars. Its name stems from the area of the sky in which it appears, the constellation of Andromeda.

 </span></div>



 <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 200px; height: 20px; ; position: absolute; top: 625px; left: 632px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: Poiret One; font-size: 2vh; line-height:14px; color: #ddd; "> ◄ click image


 </span></div>

</div>



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





<style type="text/css">

::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: #fff;
background-color:#1b1924;
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:#a2d8ef;border: 1px solid #ddd;
margin-left: 400px;
margin-top: -1px; }

#shouzou {
width: 360px;
height: 502px;
background-color:#a2d8ef;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; }

a:link {color:#000; }
a:visited {color:#000; }
a:hover {color:#4D4835;transition:3.4s;-webkit-transition:3.4s;-moz-transition:3.4s;-o-transition:3.4s;-ms-transition:3.4s; }
a:active {color:#fff; }


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:#a2d8ef;
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: 1px;
 padding: 1px 2px 1px 3px;
 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;

 }

 </style>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.6; width: 1365px; height: 662px; background-color:#ffffff; position: absolute; top: 0px; left: 0px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><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; ; opacity: 0.8; width: 333px; height: 132px; ; position: absolute; top: 291px; left: 290px; overflow: auto; text-align: left; border-radius: ; border: 1px solid #fff;">


 </span></div>



					<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.8; width: px; height: px; ; position: absolute; top: 301px; left: 300px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://pa1.narvii.com/5886/5f841b6ec42975ec5b8e1a7f7c25c4c0dab99287_hq.gif" alt="" width="315" height=" " /> </span></div>







					<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 333px; height: 132px; ; position: absolute; top: 265px; left: 290px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: Poiret One; font-size: 23; line-height:22px; color: #ddd; ">

a lost star
 </span></div>


	<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 503px; height: 132px; ; position: absolute; top: 279px; left: 430px; overflow: auto; text-align: left; border-radius: ; border-top: 1px solid #fff;"><span style="font-family: Poiret One; font-size: 23; line-height:22px; color: #ddd; ">
 </span></div>




<div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 333px; height: 132px; ; position: absolute; top: 260px; left: 650px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: Poiret One; font-size: 15; line-height:22px; color: #ddd; ">

daoko mumaji • ♀ • uninterested • singular</span></div>





<div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 308px; height: 132px; ; position: absolute; top: 290px; left: 640px; overflow: auto; text-align: left; border-radius: ; border: px solid #fff;"><span style="font-family: Poiret One; font-size: 15; line-height:13px; color: #ddd; ">


Who are we? Just a spec of dust within the galaxy.
Woe is me if we're not careful turns into reality and don't you dare let our best memories bring you sorrow.
Yesterday I saw a lion kiss a deer. Turn the page maybe we'll find a brand new ending,
where we're dancing in our tears and tell us the reason youth is wasted on the young.
It's hunting season and the lambs are on the run.
Searching for meaning, but are we all lost stars, trying to light up the dark?


</span></div>