ignore :p

Tags: pink, hello kitty, grimes, pastel, cute, loading screen, music
Description:

to-use layout, creds 2 the ppl who made the codes i used
Code:

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


<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=21339) -->

<style>
body{ background-image:url("https://data.whicdn.com/images/279951166/original.gif");

}

/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}


a{color:#eec7f2;}

nav .links {
    background-color: #f6adcccc;
}

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://i.pinimg.com/originals/de/37/9e/de379e5027f2012ffc58ba1e9f8b1352.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
background-size: cover;
}

nav .top {
    background: #ffffffb8;
    color: pink;
}

main {
    background: #283444ad;
    color: #ffffff;
}

.profile .blurbs .section h4 {
    color: #ffbcbc;
}

nav{
    font-size: 100%;
    font-family: Perpetua;}

.profile .blurbs .heading, .profile .friends .heading{
    background: #f8d3df;
    color: #ffffff;
}

.details-table td {
    background: #feebf2;
    vertical-align: top;
    color: black;
}

.details-table td:first-child {
    background: #ecc0e7;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #ffc1d6;
    color: white;
    padding: 2px 7px;
}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #202e40;
    margin-top: 10px 0;
}

.profile-pic img {
    border-radius: 30%;
}

 .mood {
    margin-bottom: 20px;
}

main {
    font-size: 108%;
    font-family: Perpetua;
}

main:before {
      background-image: url('https://c.tenor.com/p3a12z2MYCQAAAAC/melody-and-kuromi.gif');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 150px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }


.url-info{
    background: url('https://www.gifcen.com/wp-content/uploads/2021/10/kuromi-gif-14.gif');
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 250px;
color:Black;
}


.comments-table td {
    color: black;
background-image: url(https://data.whicdn.com/images/335548264/original.gif);
background-size: cover;
}


<style>

.friends
{display:none;
    }


 


.icon, .award img {
    visibility: hidden;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.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 favorite */
content: "♫"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☀"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "☁"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "♩"
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #0000009c;
    border-radius: 8px;
}


nav::before {
   content: "";
   background:  url(https://i.pinimg.com/originals/18/16/5f/18165f326633c75eb3101c545f4071a8.gif);
   background-size: 200px;
   position: fixed;
   float: right;
   display: inline;
   bottom: 0;
   right: 5px;
   height: 160px;
   width: 200px;
margin-bottom: 10px;
}


.col, main, footer{
animation: float 3s;
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>






<!-- (c) Layout created by MEEE AHHH -->

<style>body::before {
content: "";
display: block;
position: fixed;
left: -32px;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url(https://i.pinimg.com/originals/16/09/9e/16099e93163ebd58c341b3d3ef1c1aa2.gif);
background-size: cover;
background-position: center;
background-repeat: repeat;
z-index: 10000000;
animation: ScanlineAnimationRight 0.2s linear infinite;
pointer-events: none;
opacity: 1;
animation: hide 0.9s linear 1s 1 forwards;
}

@keyframes hide {
to {
opacity: 0;
}
}</style>

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

<style>
.logo {
  content: url(https://media.discordapp.net/attachments/699892630427009054/1140675684969226251/image.png)
}
</style>

<!-- (c) Layout created by lynn ｡･:*:･ﾟ★,｡･:*:･ﾟ☆ (https://layouts.spacehey.com/layout?id=36997) -->

<style>
/* this is the online img*/
.online {content:url('http://dl.glitter-graphics.com/pub/2977/2977298zohekyrym6.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style> 

<!-- (c) Layout created by 🌈☆ ˚˖ (๑òᆺó๑) ˖ ˚ ☆🌸 (https://layouts.spacehey.com/layout?id=37766) -->

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://cdn.discordapp.com/attachments/1129082383073824788/1138094158616199168/giphy_1.gif" width="350" height="350"/></div>

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


<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://external-media.spacehey.net/media/s91UtTakzNjPB2tK9abf1bCnrNxsjkfXqQZiSMBWLuQ4=/https://collection.ju.mp/assets/images/gallery18/7ef6e0e3.gif?v=58a5bca8" width="200" height="200"/></div>
<style></style>

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

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym596.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/pink-transparent-star.html" target="_blank" title="Pink Transparent Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Transparent Star" style="position:absolute; top: 0px; right: 0px;"/></a>

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



<iframe width="0" height="0" src="https://www.youtube.com/embed/WizNXQGBMEk//?&;amp;;autoplay=1&;loop=1&;controls=1" title="flashback" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
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

Comments disabled.