rainbow star / confetti !!!!!

Tags: rainbow, stars, cute, pixel, nostalgic

Description:

uhmm idk i made this a while ago but its cute so here u go :p

Preview:

click on the image for a larger preview

Code:

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

<style>
   @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
   h1,h2,h3,h4,h5 {
       font-family: 'press start 2p';
       font-size: 15px;
       color: #23FF2C;
       text-shadow: 2px 2px 0px #C100FF;
   }
   p {
       font-family: 'Comic Sans MS';
       color: #F7FF00;
       font-size: 15px;
       text-shadow: 1px 1px 0px white;
   }
    body {
        background: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif);
        background-position: center;
    }
    main {
        background: url(https://acegif.com/wp-content/gif/confetti-19.gif);
        background-position: center;
        border-style: dashed;
        border-color: #2AD8FF;
        border-radius: 17px;
        padding: 20px;
    }
    .profile .left {
        border-style: ridge;
        border-color: #FF34B5;
        border-radius: 5px;
        border-width: 4px;
        background: rgba(0, 0, 0, 55%);
        box-shadow: 0px 0px 10px white;
    }
    :root {
        --logo-blue: ;
        --darker-blue: #00EAFF;
        --lighter-blue: url(https://i.pinimg.com/originals/36/79/a5/3679a5e35cda35ba467115b41638b626.gif);
        --even-lighter-blue: url(https://img1.picmix.com/output/stamp/normal/2/0/8/5/1595802_e4ec4.gif);
        --lightest-blue: rgba(255, 255, 255, 10%);
        --dark-orange: #4334FF;
        --light-orange: rgba(0, 0, 0, 50%);
        --even-lighter-orange: ;
        --green: ;
    }
    .profile-info {
        background: rgba(0, 0, 0, 50%);
        border: ridge #FF34B5;
        border-radius: 5px;
        border-width: 4px;
        padding: 10px;
    }
    .blurbs .heading {
        border-style: ridge;
        border-color: #00FF18;
        border-radius: 5px;
        border-width: 4px;
        font-size: 20px;
        box-shadow: 0px 0px 10px white;
    }
    .contact .heading {
        border-style: dashed;
        border-radius: 15px;
        padding: 10px;
    }
    .blurbs .inner {
        border-style: ridge;
        border-color: #FF34B5;
        border-radius: 5px;
        border-width: 4px;
        background: rgba(0, 0, 0, 50%);
        padding: 10px;
        box-shadow: 0px 0px 10px white;
        font-size: 20px;
    }
    .friends .heading {
        border-style: ridge;
        border-color: #00FF18;
        border-radius: 5px;
        padding: 10px;
        font-size: 20px;
        box-shadow: 0px 0px 10px white;
        border-width: 4px;
    }
    .friends .inner {
        border-style: ridge;
        border-color: #FF34B5;
        border-radius: 5px;
        box-shadow: 0px 0px 10px white;
        padding: 10px;
        background: rgba(0, 0, 0, 50%);
        font-size: 15px;
        border-width: 4px;
    }
    .general-about .profile-pic{
        border: white double;
        overflow: hidden;
        border-radius: 100px;
        border-width: 5px;
        box-shadow: 0px 0px 10px pink;
    }
    .mood {
        border-style: dashed;
        border-color: white;
        border-radius: 15px;
    }
    .friends .person img {
        border: white double;
        border-radius: 100px;
        overflow: hidden;
        border-width: 5px;
        box-shadow: 0px 0px 10px pink;
    }
    button, input, optgroup, select, textarea {
    font-family: 'press start 2p';
    font-size: 10px;
    line-height: 1.15;
    margin: 3px;
    background: #000000;
    border: #FF00B3 ridge;
    border-radius: 5px;
    color: #B400FF;
    padding: 3px;
}
nav .top {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIdL3Djlp_PwFHyjAja_qk9JiINoNvRbWn8g&usqp=CAU);
    border: white dashed;
    border-radius: 15px;
    font-family: 'press start 2p';
    font-size: 8px;
    color: purple;
    text-shadow: 1px 1px 0px white;
}
.details-table td:first-child {
    background: #00000070;
    font-weight: bold;
    width: 33%;
    border: #8204f5 dashed 2px;
    background-image: url(https://t3.ftcdn.net/jpg/04/22/14/20/360_F_422142044_NmfZU6IKg8BNIUEUjo958KAdGFjU8UnM.jpg);
    background-size: 100% 100%;
    height: 70px;
}
/* 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: "★"
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ★";
    color: white;
    font-size: 10px;
}
nav .links {
    font-family: 'press start 2p';
    font-size: 6.2px;
    font-stretch: 3px;
    padding: 10px;
}
  .count {
        color: purple;
        text-shadow: 1.3px 1.3px 0px white;
    }
    footer {
        background: rgba(0, 0, 0, 50%);
        border: dashed white;
        border-radius: 15px;
        font-family: 'press start 2p';
    }
</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 20 of 32 comments ( View all | Add Comment )

tommie!!	1701518100 using :3 Report Comment
Rabbitearsblog	1701482541 USING! Report Comment
gumball	1700278406 using !! Report Comment
Ragatha ♡	1699204949 using!! Report Comment
dying star	1696208853 using this (⌒‿⌒) Report Comment
୭ৎ ࣪ ׅcynthia . ⊹	1693101466 using !!!! Report Comment
🧀 ☆ CHEESY !!	1692398159 using :P Report Comment
amy jewel	1692187937 using!! Report Comment
Enix	1691358708 using !! :3 Report Comment
the cjeese	1690569562 using !!!!:3 Report Comment
nicolai	1689991186 using! Report Comment
ezra	1689805322 using!! Report Comment
Pearl	1689222250 Using!!! :DD Report Comment
caspian	1688048456 using ^_^ Report Comment
Owyn :3	1686336327 Using :3 Report Comment
ChihiroFujisaki	1686251740 Using! Report Comment
Cazzy n stars	1685743478 using!! but i have a question if anyone knows how to change the background on like the place where it says like general and stuff? i dont like how it stretches and i want to change it3 Report Comment my broken heart didnt work im gonna cry now it looks like i js typed 3 out of nowhere by Cazzy n stars; 1685743525; Report okay i figured out how to do it after a while, if anyone wants to do it as well go to the ".details-table td:first-child" and replace the "background-image: url(https://t3.ftcdn.net/jpg/04/22/14/20/360_F_422142044_NmfZU6IKg8BNIUEUjo958KAdGFjU8UnM.jpg);" with "background-color: black ; color: black;" or if u want a diff picture/GIF, then replace the image URL already added and replace it with the image URL u want, i hope this helps anyone else who may need this! by Cazzy n stars; 1685744709; Report
obj	1683689412 using!!!!! Report Comment
Jam	1682963176 usinggg! Report Comment