Dedenne Café~!

[sc=decafe]
[sc=cafe_header]
[img]https://img.pokemondb.net/sprites/home/normal/dedenne.png[/img]
[sc="cafe_title"][b]•~Dedenne Café~•[/b] [/sc]
[/sc]
[sc=charge_box]
⚡HIIII I saw this pokemon card on TCG and fell in LOVE I couldnt stop looking at it. This one need quite a bit of editing on my part if you know how the pokemon card looks l3......<

Welcome to Dedeene Cafe~ Where the Dedeene welcome you, treat you, treat you with treats. Do you like Coffee with that? How about Tea? Woulld you like some suger? The Dedeene make you feel like your at home by being themselves. :3

Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here Put your text here 
[/sc]

[sc=cafe_footer]

[img]https://img.pokemondb.net/sprites/home/normal/dedenne.png[/img]
[img]https://img.pokemondb.net/sprites/home/shiny/dedenne.png[/img]
[img]https://img.pokemondb.net/sprites/home/normal/dedenne.png[/img]
[img]https://img.pokemondb.net/sprites/home/shiny/dedenne.png[/img]

[/sc]

[style]

.decafe {

max-width: 350px;
    margin: 20px auto;

color: #3b2f2a;

background-color: #fff7e6;

/* coffee + donut background */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ctext x='8' y='45' font-size='42'%3E%E2%98%95%3C/text%3E%3Ctext x='60' y='45' font-size='42'%3E%F0%9F%8D%A9%3C/text%3E%3Ctext x='25' y='95' font-size='42'%3E%F0%9F%8D%A9%3C/text%3E%3Ctext x='78' y='95' font-size='42'%3E%E2%98%95%3C/text%3E%3C/svg%3E");

background-position: center;
    background-repeat: repeat;
    background-size: 180px 180px;
border-radius: 5px;
    position: relative;
}

/* HEADER */
.cafe_header {

position: relative;
    overflow: visible;
    padding: 6px 10px;
    text-align: center;
    font-size: 18px;
    line-height: 0;
    
    color: #5a1f3d;

background:
        linear-gradient(#fff6e6, #fff6e6) padding-box,
        repeating-linear-gradient(
            45deg,
            #6b4b2a,
            #6b4b2a 10px,
            #8b5e3c 10px,
            #8b5e3c 20px
        ) border-box;

border: 10px solid transparent;
    border-radius: 18px;

box-shadow:
        0 6px 0 #5a3a20,
        0 10px 20px rgba(0,0,0,0.15);
}

.cafe_title {

position: relative;
    top: -45px;
Right: -65px;
font-size: 22px;
    display: inline-block;
    z-index: 2;
text-shadow:
    0 1px 0 #fff4d6,
    0 2px 4px rgba(107,75,42,0.45),
    0 0 10px rgba(255,210,120,0.45);
}

/* café shine strip */
.cafe_header::before {

content: "";

position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(10%);

width: 100%;
    height: 40px;

background:
        linear-gradient(
            90deg,
            rgba(107, 75, 42, 0.65),
            rgba(245, 230, 210, 0.70),
            rgba(139, 94, 60, 0.65)
        );

border-top: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);

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

z-index: 0;

pointer-events: none;
}

/* FORCE CONTENT ABOVE STRIP */
.cafe_header * {
    position: relative;
    z-index: 2;
}

/* HEADER IMAGE */
.cafe_header img {

content: url("https://khreno.neocities.org/6153.png");

display: block;

width: 110px;
Top: 0px;
Left: -90px;
    margin:
        -52px auto 2px auto;

position: relative;
    z-index: 2;
    transition: 0.25s ease;
filter:
    drop-shadow(0 0 6px rgba(255,210,120,0.8))
    drop-shadow(0 0 14px rgba(255,170,60,0.6))
    drop-shadow(0 0 24px rgba(255,200,90,0.4));
    
}

.cafe_header img:hover {

transform: scale(1.08) rotate(-3deg);

filter:
        drop-shadow(0 0 8px rgba(255,230,140,0.95))
        drop-shadow(0 0 18px rgba(255,190,70,0.9))
        drop-shadow(0 0 32px rgba(255,150,40,0.75))
        drop-shadow(0 0 70px rgba(255,210,120,0.55));

}

/* BOX */
.charge_box {

max-width: 420px;
    margin: 2px auto;
max-height: 170px;
overflow-y: auto;
    font-size: 12px;
    padding: 10px 12px; /* tighter box */

border: 3px solid #8e6234;
    border-radius: 16px;

background: linear-gradient(
        180deg,
        rgba(255, 227, 163, 0.75),
        rgba(255, 247, 230, 0.75)
    );

box-shadow:
        0 6px 0 #b67e44,
        0 10px 20px rgba(0,0,0,0.08);

line-height: 1.6;

position: relative;
}

/*  SCROLLBAR  */

.charge_box::-webkit-scrollbar {
    width: 12px;
}

.charge_box::-webkit-scrollbar-track {

background:
        linear-gradient(
            180deg,
            #fff7e6,
            #ffe8b8
        );

border-radius: 999px;
    border: 2px solid #d9b36b;
}

.charge_box::-webkit-scrollbar-thumb {

background:
        linear-gradient(
            180deg,
            #c58b52,
            #8b5e3c
        );

border-radius: 999px;

border: 2px solid #fff4d6;
}

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

background:
        linear-gradient(
            180deg,
            #d89b5f,
            #9c6a45
        );
}

/* icon */
.charge_box::after {
    content: "☕⚡";
    position: absolute;
    top: 8px;
    right: 10px;
    opacity: 0.5;
}

/* FOOTER */
.cafe_footer {
    text-align: center;
    padding: 8px 10px;

max-width: 420px;
    margin: 0 auto;

background: transparent;
    border: none;

white-space: nowrap;

overflow: visible;
}

/* FORCE ONE ROW */
.cafe_footer img {
    display: inline-block !important;
    vertical-align: middle;

height: 60px;
    width: auto;

margin: 0 2px;

flex-shrink: 0;
    transition: 0.25s ease;

filter:
        drop-shadow(0 0 0 rgba(255,255,255,0));
}

.cafe_footer img:hover {

transform: scale(1.15) rotate(-3deg);

filter:
        drop-shadow(0 0 6px rgba(255,255,255,0.9))
        drop-shadow(0 0 14px rgba(255,210,120,0.9))
        drop-shadow(0 0 24px rgba(255,180,80,0.7))
        drop-shadow(0 0 80px rgba(255,230,150,0.5));
}

[/style]

Copied 🐭 Enjoy~