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 ( ノ  o𓏼 ) oli / apollo (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 90 comments ( View all | Add Comment )

𝔟𝔢𝔵𝔬𝔰𝔨𝔢𝔩𝔢𝔱𝔬𝔫 (⚠️flashing lights⚠️)	1789600878 Using ty!! Report Comment
Werter	1787405474 using :^> Report Comment
N30NG00S3XD	1787296288 using!! tysm!! Report Comment
✮Jinx The Clown✮	1786562080 using !! <33 Report Comment
˚•̩̩͙✩•̩̩͙˚Pr1Nc3 of S1uM•̩̩͙✩•̩̩͙˚	1769461581 Using ݁ ˖Ი𐑼⋆ Report Comment
Vulture	1767304316 using! :D Report Comment
momo!!	1762418814 using! ^^ Report Comment
.•’🍭🌈SL33PY	1755798974 Using :D Report Comment
Kkael ☆	1754281920 Usingg!! Report Comment
Julien/Pop-hip ,cleetus' husband	1753813573 Using ! Report Comment
☆LeeK☆	1752334239 Using :P Report Comment
Zoe	1750097722 Using!! :3 Report Comment
fishball	1748554261 using Report Comment
XxB1RD1ExX	1746205805 uzing i love it <3 Report Comment
Juba	1743965109 using :] Report Comment
Aztrid !! ^_^ 🌈	1740375456 using :DDDDDDD Report Comment
Mia☆Milo	1738181843 using!! Report Comment
Moezombie	1736772644 Using!! Report Comment
Ｐａｚ	1735811315 Using Report Comment
pawlygon	1735686870 Using! Report Comment