Aesthetic neon pink

Tags:
Description:

This is a cute pink fuzzy and enjoyable layout.
A lot of it is animated and it sparkles for your convenience.
I really hope all of you enjoy this layout as much as I do.
If you do decide to use this layout please comment/credit me :)
Thank you and have a lovely day!
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𝕮𝖆𝖘𝖊𝖞 𝕴𝖗𝖊𝖓𝖊 (https://layouts.spacehey.com/layout?id=2500) -->

<!-- (c) Layout created by 𝕮𝖆𝖘𝖊𝖞 𝕴𝖗𝖊𝖓𝖊 (https://layouts.spacehey.com/layout?id=2485) -->

<style>body { cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/db9xlyc-793434c5-0713-4966-9851-cc0cd8b74eb8.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvY2YyODM2Y2ItNTg5My00YTZjLWIxNTYtNWE4OWQ5NGZjNzIxXC9kYjl4bHljLTc5MzQzNGM1LTA3MTMtNDk2Ni05ODUxLWNjMGNkOGI3NGViOC5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.4dYvKpD3PqxlzFxd0k7-gPR5W4dXN81AjZSw9-kKa90'), auto; }</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
</style>


<style>

table {
  border-spacing: 2px;
width: 100%;
  /* sets background */
    background-image: url(https://webstockreview.net/images/spider-clipart-animation-2.gif);
    background-repeat: repeat;
    background-size: 70%;
  }  

.blog-preview {
border: 1px dotted #e0bbff;important; 
background: rgba(190, 190, 190);
background-image: url(https://i.pinimg.com/originals/9b/36/86/9b368691c2e46f6aad3db92bbc7252dc.gif);
opacity: 0.5
border-radius: 19px;
box-shadow: 1px 1px 2px rgba(190, 190, 190,);
height:155px!important;
background-position: bottom-right;
background-repeat: no-repeat;


</style>

<style>
  body {
    background: url(http://25.media.tumblr.com/e909b4f610fd79f00b9904cd01f19a5f/tumblr_mw2bnfQ7fK1srv5oro1_500.jpg);

   background-attachment: fixed;
background-position: center;
font-family: open sans;
font-size: 22px;
letter-spacing:2px; 
line-height: 15px; 

text-shadow: 1px 1px 1px  #f880b0;


   }

.profile-info{display:none !important;}
.blurbs .heading{display:none !important;}

}

.general-about {
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  color: ######;
  -webkit-background-clip: text;


}
.profile {
    background: #ff99cc; /*not sure if you were trying to have your background red first or not, but CSS will show the second styling of the same element*/
  }
.profile {
    background-color: #000000;
    color: #f880b0; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/
    border-left: 1px  dashed grey;
    border-right: 1px dashed grey;

}

/*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/
h3 , h4, h5, .url-info b {
    color: #000;
font-family: 'Amatic SC', cursive;
text-shadow: 0 0 7px  #f880b0;

}

/* This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #dcc2ff;
text-shadow: 0 0 9px  #f880b0;
font-family: 'Amatic SC', cursive;
font-size: 17px
line-height: 8px;

}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/
p, h2 {
     color:  #f880b0;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #f880b0;
} 



:root{
/* [background color]: header on top */
 --logo-blue:url();

/* [background color]: table headers, main top menu, border color*/
 --lighter-blue:url();  

/* [background color]: 'interests' table (left column) */
/* [background color]: 'interests' table (right column) */
 --even-lighter-blue: rgb(000,0.5)!important;
 --lightest-blue: url(https://64.media.tumblr.com/73fe8aab4254665252c0026bc9f3e942/tumblr_pfy6mo95zi1wn4t3ao1_540.gifv);

/* [font color]: 'blurbs' , 'friend space', 'friends comments' */
/* [background color]: 'blurbs' , 'friend space', 'friends comments' */
 --dark-orange: #d8f3dc!important;

 --light-orange:url(https://cdn141.picsart.com/346037824017201.jpg); 
background-position: center;

/* [background color]: 'friend comments' right column */
 --even-lighter-orange: url();

}


/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color:  #f880b0;important;
}


.online{content:url("https://dl.glitter-graphics.com/pub/124/124973zv9l8g53sa.gif");

}

/*127- [background color]: footer area*/
/*     [Font color]: text footer area  [added by me]*/
/*     remove the margin top and bottom [added by me]*/
footer{  
 background-image:url(https://www.udrop.com/file/8RzO/2332.gif);!important;
 color: #ff99cc!important; /* * */
 margin: 0px !important; /* * */
}
nav .links {
    background: url();
    padding: 3.5px 16px 5.5px 16px;


}

h1 {
font-size: 90px!important;
line-height: 80px;
font-family: 'Amatic SC', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: #000;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 7px  #f880b0;
background: #000;
background-image:url("");
background-position: center;
background-size: 100%;

}

.mood{text-transform: lowercase; !important; color:#ff99cc; letter-spacing: 2px; font-style: none;}
}

</style>



<style>
.contact {

  border-radius: 25px;
  background-image: url(https://i.pinimg.com/474x/be/1f/cd/be1fcdf8d8de62558a8820401555bd6c.jpg);
background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
line-height: 8px;
color: #000;
background-size: 50%;

}
.profile-pic {
 border-radius: 00px;
        overflow: hidden;
        border:1px dashed grey;
}

</style>

<style>

table.comments-table{
display: block;
height: 730px!important;
overflow-y: scroll;
}



</style>














<style>body { cursor: url('http://www.snazzyspace.com/cursorsfolder/white-satanic-cross.png'), auto; }</style>



<p><style>
body {
	background-color: rgb(255, 255, 255);
	background-image: url(https://cdn.wallpapersafari.com/7/94/2OJr9H.jpg);
	background-position: top left;
	background-repeat: repeat;
	background-attachment: fixed;
	}
table, tr, td {
	background-color: transparent;
	border: 0px;
	}
table table {
	border: 0px;
	}
table table table table{
	border:0px;
	}
table table table {
	border-width: 2px;
	border-color: rgb(102, 102, 102);
	border-style: solid;
	background-color: transparent;
	}
table table table td {
	background-color: rgb(255, 255, 255);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-khtml-opacity:1;
	}
table table table table td {
	filter:none;
	}</style>



<style>
p {
  color: hotpink;
}
</style>




<style>
  visibility:visible !important; 
background-color:000000; 
background-repeat:no-repeat; 
background-position:center center; 
width:435px; 
height:75px; 
 border:none;
 margin-bottom:0px;
 padding:0px;
  .profile {
      background-color: black;
  }
</style>
</p>




 <style>
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');


h1 {
font-size: 20px!important;
line-height: 80px;
font-family: 'YELLOWTAIL', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: #000;
text-align:center;
padding-bottom:5px;
padding-top:3px;
text-shadow: 3 3 5px #fff;
background: #;
background-image:url("https://64.media.tumblr.com/156f44f982a259218e2203e607697e45/db8d17c491fd82ef-ac/s640x960/86320630a8a35f9be07d38315417c81033ae1ba6.png");
background-position: center;
background-size: 100%;
}

</style>


<style>

.profile .url-info {
	border: 0;
	color: #FFF;
	background:url(https://i.pinimg.com/originals/57/01/62/570162959e6995f2583fd8106d936b28.gif);
	background-position: center;
	text-align: center;
}

</style>




<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}



</style>




<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(URL);
}

nav .links {
    background-image:url(https://i.ibb.co/TqWdfkc/65f7bb7e3bbcd30a9cf0347d631a4ed4.gif" alt="65f7bb7e3bbcd30a9cf0347d631a4ed4);
    padding: 3.5px 16px 5.5px 16px;
}

</style>


<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(https://i.ibb.co/VJHgm8D/f279bf22c0c2215fdce33af7c70bf212.gif" alt="f279bf22c0c2215fdce33af7c70bf212);
}

nav .links {
    background-image:url(https://i.ibb.co/VJHgm8D/f279bf22c0c2215fdce33af7c70bf212.gif" alt="f279bf22c0c2215fdce33af7c70bf212);
    padding: 3.5px 16px 5.5px 16px;
}

</style>


<div class="snowflakes">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>

<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(https://pm1.narvii.com/6406/b39c3b959f9210edd8d33c9e47d6ad2667fc8bbb_hq.jpg);
}

nav .links {
    background-image:url(https://pm1.narvii.com/6406/b39c3b959f9210edd8d33c9e47d6ad2667fc8bbb_hq.jpg);
    padding: 3.5px 16px 5.5px 16px;
}

</style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments

Displaying 1 of 1 comments ( View all | Add Comment )
dirt! (≧∇≦)b
1631936493
Hihi! I rlly like this layout and i wanna ask how did u get the falling snowfalkes im sorry if this is a dumb question or u rathe not answer this (≧∇≦)b
Report Comment
its not a dumb question no worries :)
I googled ccs falling symbol code for website
I can give you the code if you want.

PS- I'm sorry for the super late reply I never come on here.
by 𝕮𝖆𝖘𝖊𝖞 𝕴𝖗𝖊𝖓𝖊; 1639881549; Report