my pink layout idfk!!

Tags: pink, hearts, webcore, cutecore, homestuck
Description:

change whatever u want!! feel free 2 ask for specific parts of the code or anything u want. if u use it lmk or add me or something. icon is a circle and spins and the first part of the code plays a song but to change that replace the bunch of letters in the link bit with one for whatever u want :)
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by chazza (https://layouts.spacehey.com/layout?id=36809) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/4zrfkoIsBDw/?&;amp;;autoplay=1&;loop=1&;controls=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym761.ani), url(https://ani.cursors-4u.net/symbols/sym-8/sym761.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2014/03/25/sexy-red-lips.html" target="_blank" title="Sexy Red Lips"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Red Lips" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>


<style>
body {    
   background: url(https://media.discordapp.net/attachments/893842696328851528/1134570905499095072/6907bd70db595d8222dac84aab91b6a7.gif?width=808&height=606);
}
  .profile {    
     background: black ;
}</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>


<div class="snowflakes">
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203924975882330/flower5.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925219164311/flower4.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925445652610/flower3.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925890252901/flower1.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925659553792/flower2.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203924975882330/flower5.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925219164311/flower4.png" width="50 px"/></div>

<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1132872310420934717/1133203925890252901/flower1.png" width="50 px"/></div>
</div>

<style>
    @-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>
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap'); 
main { 
background-image:url(https://media.discordapp.net/attachments/893842696328851528/1134570905499095072/6907bd70db595d8222dac84aab91b6a7.gif?width=808&height=606);
background-size:1000px 1000px;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center,center;
border-style:dashed;
border-color:rgba(224, 179, 195, 1);
border-width:10px;
}
body {
background-color:rgba(234, 197, 211, 1);
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
background-color:rgba(255, 162, 189, 1);
border-radius:5px;
border-style:solid;
border-color:rgba(255, 139, 173, 1);
color:rgb(255,255,255);
}
nav .links{
background-color: transparent;
color: #FF74A4;
}

details-table td, .details-table td:first-child {
background-color:rgba(255, 218, 229, 1);
}
.profile .blurbs .section h4 {
display:none;
}

.details-table td:first-child {
width: 30%;
background:none;
}
.profile .contact, .profile.url-info, .profile .table-section, .home-actions{ 
color:rgb(255,255,255);
}
.online {
color:  #FF74A4;
}

.blog-preview p a:hover, .blog-preview p a:active, .blog-preview p a:focus{
color: white!important;
}
    .blog-preview p {
color:rgb(255,255,255);
}
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "✢"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "⇢"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☏"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "⤇"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "✎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "⌧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "⇔"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "⊗"
} 
.contact .inner a img {
    font-size: 0;
}
.contact {
color:rgb(255,255,255);
}
td {
    background-color: transparent!important;
}
a{
color: #FF74A4;
}
p{
color: #FF74A4;
}
h2,h3,h4, h5 {
font-family: 'Noto Serif', serif;
font-size:20px;
}
nav .top{
background-color: transparent;
color:#FF74A4;
}
footer{
color: transparent;
}
.heading, .url-info, .blurbs, .friends, .table, .table-section, footer{
border: solid 2px #FF74A4;
border-radius:5px;
}
.profile .table-section,
.profile .contact,
.profile .url-info{
border-color: #FF74A4;
border-radius:5px;
}
.profile .comments-table{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: transparent;
border-radius: 20px;
border: 2px solid #FE91B9;
font-style: italic;
color: white;
}
.count{
color: #E76292;
}
</style>
<style>
body { cursor: url('data:image/x-icon;base64,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'), auto; }
h1 {
font-family: 'Noto Serif', serif;
color: #FF74A4;
font-size:40px;
}
</style>

<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/111.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</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 8 of 8 comments ( View all | Add Comment )
anna :3	1708988940 using !! ^^ Report Comment
HEARTZ4VIGZ	1706552844 Using!! :) Report Comment
biryani!!!	1696413672 using!!! Report Comment
biryani!!!	1696413664 using!! Report Comment
deftones!	1695480777 using!! Report Comment
XElizabethX	1694550161 Using!! It’s so cute Report Comment
mundy	1692645278 using :3 !! what song is this btw!! Report Comment
👑🩷Hypershock🩷👑	1692202770 using!! Report Comment