CINNA🩵POP STYLE

[sc=cinna_cloud_layer]
[sc=cinna_cloud1]☁️[/sc]
[sc=cinna_cloud2]☁️[/sc]
[sc=cinna_panel]

[sc=cinna_wrap]
[sc=cinna_title]CINNA🩵LOVE[/sc]
[sc=cinna_cinna][/sc]

[sc=cinna_bow]🎀
🎀
🎀
[/sc]

[sc=cinna_sticker]
        ☁️ 🩵 Welcome!<br><br>
        Thanks for looking at my layout~ My favorite Sanrio character is Cinnamoroll :3 I love how soft and sweet he is, and that he's a puppy cloud god >:D Well, I hope other Cinnamoroll fans will love this layout aas much as I enjoyed making it! Please hit the copy box below to copy the code and it's ready to use! ~This is where you will write your text~

[/sc]

[sc=cinna_dots]
○   ●   ○   ●   ○   ●
[/sc]
[/sc]
[/sc]

[style]

/* =========================
   TITLE (TOP, ABOVE EVERYTHING)
========================= */

.cinna_title {

position: absolute;

top:20px;
    right:20px;

z-index: 999;

text-align: center;

font-size: 25px;

font-weight: 600;

letter-spacing: 2px;

color: #6FA8FF;

margin-bottom: -40px;

text-shadow:
    0 0 4px rgba(255, 182, 193, 0.6),
    0 0 10px rgba(255, 182, 193, 0.45),
    0 0 18px rgba(255, 192, 203, 0.35);

}

/* =========================
   WRAPPER 
========================= */

.cinna_wrap {

max-width:320px;

margin:auto;

position:relative;

padding:15px;

z-index:3;

}

/* =========================
   OUTER PANEL (BACKGROUND BOX)
========================= */

.cinna_panel {

max-width: 340px;

margin: auto;

padding: 0px;

z-index:2;

border-radius: 70px;

background: rgba(255, 255, 255, 0.25);

border: 1px solid rgba(255, 255, 255, 0.7);

box-shadow:
        0 10px 25px rgba(150, 170, 220, 0.25);

backdrop-filter: blur(6px);

-webkit-backdrop-filter: blur(6px);
}

/* =========================
   CINNAMOROLL (BEHIND BOX)
========================= */

.cinna_cinna {

position:absolute;

top:-20px;
    left:-20px;

width:200px;
    height:200px;

background-image:url("https://pokefarm.com/upload/:bGb5/Gg.png");

background-size:contain;
    background-repeat:no-repeat;

z-index:2;

pointer-events:none;

filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* =========================
   WRAPPER HOVER TRIGGER
========================= */

.cinna_wrap:hover .cinna_title::after {

transform: translateX(120%) skewX(-20deg);
}

/* CINNAMOROLL LIGHT UP ON HOVER */

.cinna_wrap:hover .cinna_cinna {

filter:
        drop-shadow(0 0 8px rgba(173,216,255,0.8))
        drop-shadow(0 0 14px rgba(255,192,203,0.5));

transform: scale(1.1);
}

/* =========================
   CLOUD LAYER 
========================= */

.cinna_cloud_layer {

position: relative;

z-index: 0;

}

/* =========================
   CLOUDS
========================= */

.cinna_cloud1 {

position:absolute;

top:280px;
    right:40px;

font-size:160px;

z-index:0;

pointer-events:none;

opacity:0.7;
}

.cinna_cloud2 {

position:absolute;

top:90px;
    right:40px;

font-size:80px;

z-index:0;

pointer-events:none;

opacity:1;
}

/* =========================
   BOW
========================= */

.cinna_bow {

position:absolute;

top:90px;
    right:0px;

font-size:35px;

z-index:999;

pointer-events:none;
}

/* =========================
   TEXTBOX 
========================= */

.cinna_sticker {

background:#ffffff;

border:2px solid #e8ecff;

border-radius:18px;

padding:0px 16px;

color:#5a6a8a;

font-size:13px;

line-height:1.5;

height:120px;

overflow-y:auto;

overflow-x:hidden;

position:relative;

z-index:3;

margin-top:-40px;

box-shadow:0 6px 18px rgba(150,170,220,0.2);
}

/* =========================
   DOTS
========================= */

.cinna_dots {

text-align:center;

margin-top:-20px;

color:#b7c7ff;

z-index:999;

letter-spacing:3px;

font-size:30px;
}

/* =========================
   SCROLLBAR WIDTH
========================= */

.cinna_sticker::-webkit-scrollbar {
    width: 8px;
}

/* =========================
   TRACK (invisible)
========================= */

.cinna_sticker::-webkit-scrollbar-track {
    background: transparent;
}

/* =========================
   SOFT TRANSPARENT RED THUMB
========================= */

.cinna_sticker::-webkit-scrollbar-thumb {

background: rgba(255, 80, 80, 0.45);

border-radius: 50px;

box-shadow:
        inset 0 0 2px rgba(255, 255, 255, 0.4);
}

/* =========================
   HOVER 
========================= */

.cinna_sticker::-webkit-scrollbar-thumb:hover {

background: rgba(255, 60, 60, 0.65);
}
[/style]
[/sc]

Copied 💕 Enjoy~