Santello

<style type="text/css">

body {
 margin: 0;
 padding: 0;
 background-color:#000; /*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:#564858;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%}
}



.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;
}

.circle {
 position: absolute;
 background: rgba(217, 248, 251, 0.8);
 width: 1px;
 height: 1px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 box-shadow: 0px 0px 5px 2px #d50d4f;
 animation: glow 2s infinite alternate;
}
.circle-big .circle {
 width: 2px;
 height: 2px;
}

@keyframes glow {
 from {
 box-shadow: 0px 0px 6px 1px #5995c7;
 }
 to {
 box-shadow: 0px 0px 8px 4px #5995c7;
 }
}
@keyframes spin {
 from {
 transform: rotate(0deg);
 }
 to {
 transform: rotate(360deg);
 }
}
.circle-small .circle:nth-child(1) {
 top: 104%;
 left: 113%;
 animation-delay: 1s;
}

.circle-big .circle:nth-child(1) {
 top: 25%;
 left: 115%;
 animation-delay: 1s;
}

.circle-small .circle:nth-child(2) {
 top: -99%;
 left: -94%;
 animation-delay: 2s;
}

.circle-big .circle:nth-child(2) {
 top: 14%;
 left: -58%;
 animation-delay: 2s;
}

.circle-small .circle:nth-child(3) {
 top: -84%;
 left: -77%;
 animation-delay: 3s;
}

.circle-big .circle:nth-child(3) {
 top: 86%;
 left: 184%;
 animation-delay: 3s;
}

.circle-small .circle:nth-child(4) {
 top: -82%;
 left: 149%;
 animation-delay: 4s;
}

.circle-big .circle:nth-child(4) {
 top: 123%;
 left: -34%;
 animation-delay: 4s;
}

.circle-small .circle:nth-child(5) {
 top: 141%;
 left: 200%;
 animation-delay: 5s;
}

.circle-big .circle:nth-child(5) {
 top: 142%;
 left: -53%;
 animation-delay: 5s;
}

.circle-small .circle:nth-child(6) {
 top: 93%;
 left: -21%;
 animation-delay: 6s;
}

.circle-big .circle:nth-child(6) {
 top: 25%;
 left: 149%;
 animation-delay: 6s;
}

.circle-small .circle:nth-child(7) {
 top: 64%;
 left: -96%;
 animation-delay: 7s;
}

.circle-big .circle:nth-child(7) {
 top: -65%;
 left: 75%;
 animation-delay: 7s;
}

.circle-small .circle:nth-child(8) {
 top: 132%;
 left: 54%;
 animation-delay: 8s;
}

.circle-big .circle:nth-child(8) {
 top: -2%;
 left: 21%;
 animation-delay: 8s;
}

.circle-small .circle:nth-child(9) {
 top: 199%;
 left: -27%;
 animation-delay: 9s;
}

.circle-big .circle:nth-child(9) {
 top: 28%;
 left: -86%;
 animation-delay: 9s;
}

.circle-small .circle:nth-child(10) {
 top: 167%;
 left: 79%;
 animation-delay: 10s;
}

.circle-big .circle:nth-child(10) {
 top: -25%;
 left: 4%;
 animation-delay: 10s;
}

.circle-small .circle:nth-child(11) {
 top: 113%;
 left: 31%;
 animation-delay: 11s;
}

.circle-big .circle:nth-child(11) {
 top: 10%;
 left: 137%;
 animation-delay: 11s;
}

.circle-small .circle:nth-child(12) {
 top: -15%;
 left: 20%;
 animation-delay: 12s;
}

.circle-big .circle:nth-child(12) {
 top: 58%;
 left: -59%;
 animation-delay: 12s;
}

.circle-small .circle:nth-child(13) {
 top: 36%;
 left: 73%;
 animation-delay: 13s;
}

.circle-big .circle:nth-child(13) {
 top: -85%;
 left: 11%;
 animation-delay: 13s;
}

.circle-small .circle:nth-child(14) {
 top: 56%;
 left: -39%;
 animation-delay: 14s;
}

.circle-big .circle:nth-child(14) {
 top: -47%;
 left: -83%;
 animation-delay: 14s;
}

.circle-small .circle:nth-child(15) {
 top: -9%;
 left: -55%;
 animation-delay: 15s;
}

.circle-big .circle:nth-child(15) {
 top: 94%;
 left: 80%;
 animation-delay: 15s;
}

.circle-small .circle:nth-child(16) {
 top: 48%;
 left: -81%;
 animation-delay: 16s;
}

.circle-big .circle:nth-child(16) {
 top: -85%;
 left: 90%;
 animation-delay: 16s;
}

.circle-small .circle:nth-child(17) {
 top: 11%;
 left: -99%;
 animation-delay: 17s;
}

.circle-big .circle:nth-child(17) {
 top: 138%;
 left: 168%;
 animation-delay: 17s;
}

.circle-small .circle:nth-child(18) {
 top: 46%;
 left: 96%;
 animation-delay: 18s;
}

.circle-big .circle:nth-child(18) {
 top: -26%;
 left: 196%;
 animation-delay: 18s;
}

.circle-small .circle:nth-child(19) {
 top: 200%;
 left: 30%;
 animation-delay: 19s;
}

.circle-big .circle:nth-child(19) {
 top: 163%;
 left: -3%;
 animation-delay: 19s;
}

.circle-small .circle:nth-child(20) {
 top: 102%;
 left: 94%;
 animation-delay: 20s;
}

.circle-big .circle:nth-child(20) {
 top: 66%;
 left: -72%;
 animation-delay: 20s;
}

.circle-small .circle:nth-child(21) {
 top: 129%;
 left: 103%;
 animation-delay: 21s;
}

.circle-big .circle:nth-child(21) {
 top: 105%;
 left: 114%;
 animation-delay: 21s;
}

.circle-small .circle:nth-child(22) {
 top: 119%;
 left: 109%;
 animation-delay: 22s;
}

.circle-big .circle:nth-child(22) {
 top: 99%;
 left: 13%;
 animation-delay: 22s;
}

.circle-small .circle:nth-child(23) {
 top: 67%;
 left: -12%;
 animation-delay: 23s;
}

.circle-big .circle:nth-child(23) {
 top: -33%;
 left: -61%;
 animation-delay: 23s;
}

.circle-small .circle:nth-child(24) {
 top: 56%;
 left: 6%;
 animation-delay: 24s;
}

.circle-big .circle:nth-child(24) {
 top: 146%;
 left: 57%;
 animation-delay: 24s;
}

.circle-small .circle:nth-child(25) {
 top: 66%;
 left: 158%;
 animation-delay: 25s;
}

.circle-big .circle:nth-child(25) {
 top: -14%;
 left: 118%;
 animation-delay: 25s;
}

.circle-small .circle:nth-child(26) {
 top: -91%;
 left: 48%;
 animation-delay: 26s;
}

.circle-big .circle:nth-child(26) {
 top: 16%;
 left: 108%;
 animation-delay: 26s;
}

.circle-small .circle:nth-child(27) {
 top: -30%;
 left: 87%;
 animation-delay: 27s;
}

.circle-big .circle:nth-child(27) {
 top: 78%;
 left: -96%;
 animation-delay: 27s;
}

.circle-small .circle:nth-child(28) {
 top: -43%;
 left: 5%;
 animation-delay: 28s;
}

.circle-big .circle:nth-child(28) {
 top: 4%;
 left: 191%;
 animation-delay: 28s;
}

.circle-small .circle:nth-child(29) {
 top: 19%;
 left: -37%;
 animation-delay: 29s;
}

.circle-big .circle:nth-child(29) {
 top: 128%;
 left: 101%;
 animation-delay: 29s;
}

.circle-small .circle:nth-child(30) {
 top: 49%;
 left: 133%;
 animation-delay: 30s;
}

.circle-big .circle:nth-child(30) {
 top: 68%;
 left: -52%;
 animation-delay: 30s;
}

.circle-small .circle:nth-child(31) {
 top: 19%;
 left: -48%;
 animation-delay: 31s;
}

.circle-big .circle:nth-child(31) {
 top: -81%;
 left: -36%;
 animation-delay: 31s;
}

.circle-small .circle:nth-child(32) {
 top: 199%;
 left: -85%;
 animation-delay: 32s;
}

.circle-big .circle:nth-child(32) {
 top: 108%;
 left: 152%;
 animation-delay: 32s;
}

.circle-small .circle:nth-child(33) {
 top: 166%;
 left: -64%;
 animation-delay: 33s;
}

.circle-big .circle:nth-child(33) {
 top: 131%;
 left: -88%;
 animation-delay: 33s;
}

.circle-small .circle:nth-child(34) {
 top: -99%;
 left: 48%;
 animation-delay: 34s;
}

.circle-big .circle:nth-child(34) {
 top: 171%;
 left: -27%;
 animation-delay: 34s;
}

.circle-small .circle:nth-child(35) {
 top: 66%;
 left: -35%;
 animation-delay: 35s;
}

.circle-big .circle:nth-child(35) {
 top: 119%;
 left: -36%;
 animation-delay: 35s;
}

.circle-small .circle:nth-child(36) {
 top: -91%;
 left: 33%;
 animation-delay: 36s;
}

.circle-big .circle:nth-child(36) {
 top: 16%;
 left: 144%;
 animation-delay: 36s;
}

.circle-small .circle:nth-child(37) {
 top: -62%;
 left: -62%;
 animation-delay: 37s;
}

.circle-big .circle:nth-child(37) {
 top: -47%;
 left: 194%;
 animation-delay: 37s;
}

.circle-small .circle:nth-child(38) {
 top: -68%;
 left: -81%;
 animation-delay: 38s;
}

.circle-big .circle:nth-child(38) {
 top: 85%;
 left: -41%;
 animation-delay: 38s;
}

.circle-small .circle:nth-child(39) {
 top: 40%;
 left: -91%;
 animation-delay: 39s;
}

.circle-big .circle:nth-child(39) {
 top: -29%;
 left: 62%;
 animation-delay: 39s;
}

.circle-small .circle:nth-child(40) {
 top: -38%;
 left: 164%;
 animation-delay: 40s;
}

.circle-big .circle:nth-child(40) {
 top: 88%;
 left: 28%;
 animation-delay: 40s;
}

.circle-small .circle:nth-child(41) {
 top: 143%;
 left: -48%;
 animation-delay: 41s;
}

.circle-big .circle:nth-child(41) {
 top: -26%;
 left: 132%;
 animation-delay: 41s;
}

.circle-small .circle:nth-child(42) {
 top: 4%;
 left: 189%;
 animation-delay: 42s;
}

.circle-big .circle:nth-child(42) {
 top: 60%;
 left: 178%;
 animation-delay: 42s;
}

.circle-small .circle:nth-child(43) {
 top: -22%;
 left: -98%;
 animation-delay: 43s;
}

.circle-big .circle:nth-child(43) {
 top: 182%;
 left: -1%;
 animation-delay: 43s;
}

.circle-small .circle:nth-child(44) {
 top: 160%;
 left: 109%;
 animation-delay: 44s;
}

.circle-big .circle:nth-child(44) {
 top: -59%;
 left: 53%;
 animation-delay: 44s;
}

.circle-small .circle:nth-child(45) {
 top: 153%;
 left: 73%;
 animation-delay: 45s;
}

.circle-big .circle:nth-child(45) {
 top: 28%;
 left: 42%;
 animation-delay: 45s;
}

.circle-small .circle:nth-child(46) {
 top: -39%;
 left: 11%;
 animation-delay: 46s;
}

.circle-big .circle:nth-child(46) {
 top: 34%;
 left: 77%;
 animation-delay: 46s;
}

.circle-small .circle:nth-child(47) {
 top: 151%;
 left: 110%;
 animation-delay: 47s;
}

.circle-big .circle:nth-child(47) {
 top: 108%;
 left: -18%;
 animation-delay: 47s;
}

.circle-small .circle:nth-child(48) {
 top: 193%;
 left: -38%;
 animation-delay: 48s;
}

.circle-big .circle:nth-child(48) {
 top: 176%;
 left: -98%;
 animation-delay: 48s;
}

.circle-small .circle:nth-child(49) {
 top: 6%;
 left: -92%;
 animation-delay: 49s;
}

.circle-big .circle:nth-child(49) {
 top: 87%;
 left: 25%;
 animation-delay: 49s;
}

.circle-small .circle:nth-child(50) {
 top: -97%;
 left: -98%;
 animation-delay: 50s;
}

.circle-big .circle:nth-child(50) {
 top: -51%;
 left: 105%;
 animation-delay: 50s;
}

.circle-small .circle:nth-child(51) {
 top: -92%;
 left: 98%;
 animation-delay: 51s;
}

.circle-big .circle:nth-child(51) {
 top: 132%;
 left: 11%;
 animation-delay: 51s;
}

.circle-small .circle:nth-child(52) {
 top: 24%;
 left: -30%;
 animation-delay: 52s;
}

.circle-big .circle:nth-child(52) {
 top: 123%;
 left: 150%;
 animation-delay: 52s;
}

.circle-small .circle:nth-child(53) {
 top: 108%;
 left: -29%;
 animation-delay: 53s;
}

.circle-big .circle:nth-child(53) {
 top: -54%;
 left: 96%;
 animation-delay: 53s;
}

.circle-small .circle:nth-child(54) {
 top: 0%;
 left: -91%;
 animation-delay: 54s;
}

.circle-big .circle:nth-child(54) {
 top: 149%;
 left: -31%;
 animation-delay: 54s;
}

.circle-small .circle:nth-child(55) {
 top: -1%;
 left: 40%;
 animation-delay: 55s;
}

.circle-big .circle:nth-child(55) {
 top: -96%;
 left: -82%;
 animation-delay: 55s;
}

.circle-small .circle:nth-child(56) {
 top: 118%;
 left: 180%;
 animation-delay: 56s;
}

.circle-big .circle:nth-child(56) {
 top: 85%;
 left: 169%;
 animation-delay: 56s;
}

.circle-small .circle:nth-child(57) {
 top: -97%;
 left: -6%;
 animation-delay: 57s;
}

.circle-big .circle:nth-child(57) {
 top: -25%;
 left: 72%;
 animation-delay: 57s;
}

.circle-small .circle:nth-child(58) {
 top: 35%;
 left: -3%;
 animation-delay: 58s;
}

.circle-big .circle:nth-child(58) {
 top: 40%;
 left: 23%;
 animation-delay: 58s;
}

.circle-small .circle:nth-child(59) {
 top: 52%;
 left: 99%;
 animation-delay: 59s;
}

.circle-big .circle:nth-child(59) {
 top: 170%;
 left: 27%;
 animation-delay: 59s;
}

.circle-small .circle:nth-child(60) {
 top: 46%;
 left: 122%;
 animation-delay: 60s;
}

.circle-big .circle:nth-child(60) {
 top: -66%;
 left: -69%;
 animation-delay: 60s;
}

.circle-small .circle:nth-child(61) {
 top: 16%;
 left: 40%;
 animation-delay: 61s;
}

.circle-big .circle:nth-child(61) {
 top: 119%;
 left: -83%;
 animation-delay: 61s;
}

.circle-small .circle:nth-child(62) {
 top: 98%;
 left: 149%;
 animation-delay: 62s;
}

.circle-big .circle:nth-child(62) {
 top: 139%;
 left: 68%;
 animation-delay: 62s;
}

.circle-small .circle:nth-child(63) {
 top: 92%;
 left: 133%;
 animation-delay: 63s;
}

.circle-big .circle:nth-child(63) {
 top: 143%;
 left: 52%;
 animation-delay: 63s;
}

.circle-small .circle:nth-child(64) {
 top: 36%;
 left: -7%;
 animation-delay: 64s;
}

.circle-big .circle:nth-child(64) {
 top: -16%;
 left: 188%;
 animation-delay: 64s;
}

.circle-small .circle:nth-child(65) {
 top: 49%;
 left: -77%;
 animation-delay: 65s;
}

.circle-big .circle:nth-child(65) {
 top: -85%;
 left: 126%;
 animation-delay: 65s;
}

.circle-small .circle:nth-child(66) {
 top: -52%;
 left: 114%;
 animation-delay: 66s;
}

.circle-big .circle:nth-child(66) {
 top: 15%;
 left: -97%;
 animation-delay: 66s;
}

.circle-small .circle:nth-child(67) {
 top: 179%;
 left: 32%;
 animation-delay: 67s;
}

.circle-big .circle:nth-child(67) {
 top: 89%;
 left: 137%;
 animation-delay: 67s;
}

.circle-small .circle:nth-child(68) {
 top: 93%;
 left: 139%;
 animation-delay: 68s;
}

.circle-big .circle:nth-child(68) {
 top: 154%;
 left: 142%;
 animation-delay: 68s;
}

.circle-small .circle:nth-child(69) {
 top: 124%;
 left: 87%;
 animation-delay: 69s;
}

.circle-big .circle:nth-child(69) {
 top: 153%;
 left: -51%;
 animation-delay: 69s;
}

.circle-small .circle:nth-child(70) {
 top: 11%;
 left: 117%;
 animation-delay: 70s;
}

.circle-big .circle:nth-child(70) {
 top: -52%;
 left: -93%;
 animation-delay: 70s;
}

.circle-small .circle:nth-child(71) {
 top: 54%;
 left: 20%;
 animation-delay: 71s;
}

.circle-big .circle:nth-child(71) {
 top: 192%;
 left: 198%;
 animation-delay: 71s;
}

.circle-small .circle:nth-child(72) {
 top: -13%;
 left: 62%;
 animation-delay: 72s;
}

.circle-big .circle:nth-child(72) {
 top: 180%;
 left: 132%;
 animation-delay: 72s;
}

.circle-small .circle:nth-child(73) {
 top: 132%;
 left: 0%;
 animation-delay: 73s;
}

.circle-big .circle:nth-child(73) {
 top: -96%;
 left: 83%;
 animation-delay: 73s;
}

.circle-small .circle:nth-child(74) {
 top: 64%;
 left: -30%;
 animation-delay: 74s;
}

.circle-big .circle:nth-child(74) {
 top: 131%;
 left: -38%;
 animation-delay: 74s;
}

.circle-small .circle:nth-child(75) {
 top: -85%;
 left: -14%;
 animation-delay: 75s;
}

.circle-big .circle:nth-child(75) {
 top: 113%;
 left: 45%;
 animation-delay: 75s;
}

.circle-small .circle:nth-child(76) {
 top: -84%;
 left: -2%;
 animation-delay: 76s;
}

.circle-big .circle:nth-child(76) {
 top: -68%;
 left: 74%;
 animation-delay: 76s;
}

.circle-small .circle:nth-child(77) {
 top: 134%;
 left: 172%;
 animation-delay: 77s;
}

.circle-big .circle:nth-child(77) {
 top: -74%;
 left: 98%;
 animation-delay: 77s;
}

.circle-small .circle:nth-child(78) {
 top: 154%;
 left: 104%;
 animation-delay: 78s;
}

.circle-big .circle:nth-child(78) {
 top: -21%;
 left: 170%;
 animation-delay: 78s;
}

.circle-small .circle:nth-child(79) {
 top: 74%;
 left: 4%;
 animation-delay: 79s;
}

.circle-big .circle:nth-child(79) {
 top: 165%;
 left: 78%;
 animation-delay: 79s;
}

.circle-small .circle:nth-child(80) {
 top: -64%;
 left: 54%;
 animation-delay: 80s;
}

.circle-big .circle:nth-child(80) {
 top: 168%;
 left: -95%;
 animation-delay: 80s;
}

.circle-small .circle:nth-child(81) {
 top: -67%;
 left: 53%;
 animation-delay: 81s;
}

.circle-big .circle:nth-child(81) {
 top: 153%;
 left: 113%;
 animation-delay: 81s;
}

.circle-small .circle:nth-child(82) {
 top: -50%;
 left: 171%;
 animation-delay: 82s;
}

.circle-big .circle:nth-child(82) {
 top: 18%;
 left: 21%;
 animation-delay: 82s;
}

.circle-small .circle:nth-child(83) {
 top: 134%;
 left: 112%;
 animation-delay: 83s;
}

.circle-big .circle:nth-child(83) {
 top: 98%;
 left: 5%;
 animation-delay: 83s;
}

.circle-small .circle:nth-child(84) {
 top: 59%;
 left: -16%;
 animation-delay: 84s;
}

.circle-big .circle:nth-child(84) {
 top: -21%;
 left: 32%;
 animation-delay: 84s;
}

.circle-small .circle:nth-child(85) {
 top: 143%;
 left: 131%;
 animation-delay: 85s;
}

.circle-big .circle:nth-child(85) {
 top: 103%;
 left: -44%;
 animation-delay: 85s;
}

.circle-small .circle:nth-child(86) {
 top: 11%;
 left: 145%;
 animation-delay: 86s;
}

.circle-big .circle:nth-child(86) {
 top: 144%;
 left: 132%;
 animation-delay: 86s;
}

.circle-small .circle:nth-child(87) {
 top: 169%;
 left: 196%;
 animation-delay: 87s;
}

.circle-big .circle:nth-child(87) {
 top: -15%;
 left: 55%;
 animation-delay: 87s;
}

.circle-small .circle:nth-child(88) {
 top: -8%;
 left: 31%;
 animation-delay: 88s;
}

.circle-big .circle:nth-child(88) {
 top: 199%;
 left: -5%;
 animation-delay: 88s;
}

.circle-small .circle:nth-child(89) {
 top: 65%;
 left: 74%;
 animation-delay: 89s;
}

.circle-big .circle:nth-child(89) {
 top: 117%;
 left: 88%;
 animation-delay: 89s;
}

.circle-small .circle:nth-child(90) {
 top: -49%;
 left: -4%;
 animation-delay: 90s;
}

.circle-big .circle:nth-child(90) {
 top: -26%;
 left: 15%;
 animation-delay: 90s;
}

.circle-small .circle:nth-child(91) {
 top: 84%;
 left: -63%;
 animation-delay: 91s;
}

.circle-big .circle:nth-child(91) {
 top: -76%;
 left: 180%;
 animation-delay: 91s;
}

.circle-small .circle:nth-child(92) {
 top: 102%;
 left: 157%;
 animation-delay: 92s;
}

.circle-big .circle:nth-child(92) {
 top: 159%;
 left: 159%;
 animation-delay: 92s;
}

.circle-small .circle:nth-child(93) {
 top: 76%;
 left: 33%;
 animation-delay: 93s;
}

.circle-big .circle:nth-child(93) {
 top: 187%;
 left: -50%;
 animation-delay: 93s;
}

.circle-small .circle:nth-child(94) {
 top: 178%;
 left: 187%;
 animation-delay: 94s;
}

.circle-big .circle:nth-child(94) {
 top: 174%;
 left: 15%;
 animation-delay: 94s;
}

.circle-small .circle:nth-child(95) {
 top: 166%;
 left: 17%;
 animation-delay: 95s;
}

.circle-big .circle:nth-child(95) {
 top: 123%;
 left: 42%;
 animation-delay: 95s;
}

.circle-small .circle:nth-child(96) {
 top: 129%;
 left: 64%;
 animation-delay: 96s;
}

.circle-big .circle:nth-child(96) {
 top: 68%;
 left: 48%;
 animation-delay: 96s;
}

.circle-small .circle:nth-child(97) {
 top: 17%;
 left: -87%;
 animation-delay: 97s;
}

.circle-big .circle:nth-child(97) {
 top: 17%;
 left: -80%;
 animation-delay: 97s;
}

.circle-small .circle:nth-child(98) {
 top: 75%;
 left: 48%;
 animation-delay: 98s;
}

.circle-big .circle:nth-child(98) {
 top: -11%;
 left: -23%;
 animation-delay: 98s;
}

.circle-small .circle:nth-child(99) {
 top: 162%;
 left: 57%;
 animation-delay: 99s;
}

.circle-big .circle:nth-child(99) {
 top: 156%;
 left: 167%;
 animation-delay: 99s;
}

.circle-small .circle:nth-child(100) {
 top: 93%;
 left: 52%;
 animation-delay: 100s;
}

.circle-big .circle:nth-child(100) {
 top: -49%;
 left: 153%;
 animation-delay: 100s;
}





</style>

<a href="#1">

 <div class="stars-bg">
 <div class="circle-small">
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 </div>
 <div class="circle-big">
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>







 </div>
</div></a>



<div id="url">
<a href="#1">
 <img src="http://i.picpar.com/mAwc.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">

::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-image:url('http://68.media.tumblr.com/31fb22584a1bd3e871d469f39193c2c7/tumblr_inline_ml2gm0X7ZV1rfdbtm.png');
background-attachment: fixed repeat; }




#render {
position: absolute; pointer-events: none;
margin: auto; bottom: 0; right: 0; left: 0;
height: 38%; width: 20%;
border: none;
background-image:url();
background-repeat: no-repeat;
background-size: 100%;
background-position: 42% 5%;
opacity: 1;
z-index: -10;}


#heart{
margin-top: -28%; margin-left: -13%;
height: 25%; width: 15%;
-ms-transform: rotate(-4.4deg);
-webkit-transform: rotate(-4.4deg);
transform: rotate(-4.4deg);}
h4 {
color: black;
font: 30.0vmin/1.5 Helvetica, sans-serif;}
h4.love {
position: absolute; margin-top: -30%;
background: url( ) 0% 75% no-repeat;
background-size: 120%;
-webkit-filter: brightness(115%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

#bubble {
position: absolute;
margin: auto; top:80px; right: 0; left: 17%;
height: 34%; width: 20%;
background-image:url(http://i.picpar.com/GBwc.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: 42% 5%;
opacity: 1;
z-index: 10;}

#content {
position: absolute;
margin: auto; top: 4.90%; right: 5%; left: 0%;
height: 68.50%; width: 76%;
padding: 1.5% 7%;
border-radius: 5.5vmin;
text-align: center;
opacity: 1;
z-index: 10;
-ms-transform: rotate(-4.4deg);
-webkit-transform: rotate(-4.4deg);
transform: rotate(-4.4deg);}

#img{
position: absolute;
top: 0%; left: 0%;
max-width: 100%;
max-height: 100%;
border: none;
border: 1px solid black;
background-image:url( );
background-repeat: no-repeat;
background-size: 100%;
background-position: 50% 50%;
opacity: 1;}

#name {
position: absolute; pointer-events: none;
margin: auto; bottom: 68.70%; right: 0; left: 8%;
height: 3vmin; width: 27vmin;
color: #4D5562;
font: normal 3.50vmin/75% 'emilys candy';
text-align: left;
opacity: 1;
z-index: 15;
-ms-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;}
body:hover #title1{color: #2D3AE3; opacity: 1;}

.quotes {
font: normal 2vmin/120% 'lights';}

.underline{
border-bottom: . vmin solid #c03;
width: 100%;
display: block;}

a.tagz span {
position: fixed;
margin: auto; top: -25%; left: 100%;
height: 100%; width: 100%;
padding: 1.5% 7%;
border: .3vmin solid #4D5562;
border-radius: 5vmin;
background-color: rgba(77, 85, 98, 1);
color: #FAE2CA;
font: normal 1.6vmin/105% 'share';
visibility: hidden; opacity: 0;
z-index: 20; overflow: auto;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;}
a.tagz:hover span{
visibility: visible; opacity: 1;}

a.tagz2 span {
position: fixed;
margin: auto; top: -25%; left: 100%;
height: 100%; width: 70%;
padding: 1.5% 7%;
border: .3vmin solid #4D5562;
border-radius: 5vmin;
background-color: rgba(77, 85, 98, 1);
color: #FAE2CA;
font: normal 1.4vmin/105% 'share';
visibility: hidden; opacity: 0;
z-index: 20; overflow: hidden;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;}
a.tagz2:hover span{
visibility: visible; opacity: 1;}

.h5 {
margin-top: 2%;
font: normal 2.5vmin/75% 'emilys candy';
text-decoration: underline;
text-decoration-color: #AA2B24;
opacity: 1;}

.f1 {
position: absolute; top: 0px; left: 0px;
height: 218px; width: 150px;
border: 1px solid #000;
background-image:url( );
background-repeat: no-repeat;
background-size: cover;
background-position: 85% 10%;
-moz-box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);
-webkit-box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);
box-shadow: 10px 10px 10px 38px rgba(15,0,20,.6);}

/* LINKS */

a, a:link, a:visited ,a:active a:hover{
text-decoration: none;
color: transparent;
background-color: rgba(61, 63, 76, .7);
background-image: -webkit-linear-gradient(left, #c03 -5%, #000 50%, #eee 50%, transparent 50%);
background-position: 100% 0;
background-size: 200% 200%;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur823.cur'), progress !important;
-webkit-background-clip: text;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease; }

a:hover{
background-position: 0 0;
color: transparent;}

.mbox{}
.musicbox{
position: absolute;
bottom: 1%; left: .5%;
height: 2.5vmin; width: 2.5vmin;
border-radius: 0px;
border: .1vmin dotted #111;
background-color: #FAE2CA;
color: #444;
font-size: 2.8vmin;
text-align: center;
overflow: hidden;
z-index: 2;
opacity: 1;}

.musicbox:active {color: #111;}

.tunes{
margin-top: -2px; margin-left: -15%;
height: 2.7vmin; width: 2.9vmin;
overflow: hidden;
opacity: .1;}

.indent {position: absolute; top: 13%; left: -5%;}

p{
margin-top: .5vmin; margin-bottom: .5vmin;
text-align: justify;
line-height: 120%;}

b{
color: #AA2B24;
font: normal 1.3vmin/105% 'tahoma';
font-weight: normal;}

.d1{color: #292929;}
.d2{color: #660000;}
.d3{color: #aaa;}

</style>





<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 221px; left: 500px; 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/jAwc.png" alt="" width="270" />


</span></div>






<div id="render"></div>
<div id="bubble"><div id="content">
<span class="underline"><a class="tagz"><u>OUT OF CHARACTER.</u><span>
<div class="box"><div class="h5"><u>OUT OF CHARACTER.</u></div><br>

▀ PM FRIENDLY FOR THE MOST PART.<br /><br />
▀ THIS IS A CANON CHARACTER. ↑<br /><br />
▀ LONG TERM > SHORT-TERM. <br /><br />
▀ DECENT GRAMMAR IS A PLUS.<br /><br />
▀ SMUT IS FOR THE CHARACTER. <br /><br />



 </div></span></a><br /><br />

Beatrice Santello.▌
♀ | CROCODILE | SINGLE
<br /><br />

<i>"My entire life feels like running after something that keeps moving away into the distance while I stay in the same place."</i>
<br /><br />

Bea was Mae's childhood best friend until 7th grade, but soon grew apart until Mae's return to Possum Springs. She is a member of the band playing on the drums/computer.




</body>
</html>