@font-face {
    font-family: 'HELLO-KITTY-FONT';
    src:url('/FONTS/HELLO-KITTY-FONT.ttf.woff') format('woff'),
        url('/FONTS/HELLO-KITTY-FONT.ttf.svg') format('svg'),
        url('/FONTS/HELLO-KITTY-FONT.ttf.eot') format('eot'),
        url('/FONTS/HELLO-KITTY-FONT.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


.strawberry{
    position: relative;
    background-image: url(https://i.postimg.cc/430Q6XrQ/tumblr_mcaawd_Zp1Y1qid2nw.png);
    padding: 10px;
}

.strawberry-rain{
background-image: url(https://i.postimg.cc/wBSmrrrZ/d7ee361d_original.gif);
background-repeat: repeat;
padding: 0px;
}


.strawberry li{
list-style-image: url(https://i.postimg.cc/44v98BQq/cbsx5y.gif);
text-shadow: 2px 2px 4px black;
color: #00A627;
}

.strawberry h1{
color: #FA5053;
text-shadow: 2px 2px 4px black;
}

.strawberry p {
text-shadow: 2px 2px 4px black;
}

.strawberry h1::before{
Content: url(https://i.postimg.cc/2jdZH274/p7oyxt.gif);
}

.strawberry h1::after{
Content: url(https://i.postimg.cc/05Gwtc0h/01a9ef4f.gif);
}

/* TOP + BOTTOM */
.strawberry::before{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        url(https://i.postimg.cc/W4Y9bBTV/tumblr-ly5bff-CVHL1r7y61oo1-250.png),
        url(https://i.postimg.cc/cLB3mwbj/fence.gif);

    background-position:
        top center,
        bottom center;

    background-repeat:
        repeat-x,
        repeat-x;

    background-size:
        auto 20px,
        auto 20px;

    pointer-events: none;
}

/* LEFT + RIGHT */
.strawberry::after{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        url(https://i.postimg.cc/c15rk28B/tumblr_m7rf96TRju1r7y61oo1_100.gif),
        url(https://i.postimg.cc/YC22pxF5/tumblr_mopir00dlv1r7y61oo1_250.gif);

    background-position:
        left top,
        right top;

    background-repeat:
        repeat-y,
        repeat-y;

    background-size:
        20px auto,
        20px auto;

    pointer-events: none;
}

.hk{
    position: relative;
    background-image: url(https://i.postimg.cc/WzK6w7Zy/4d0620fa1e5c970bdbea6166ed21a03783fc8989.jpg);
    padding: 10px; /* space for borders */
    font-family: 'HELLO-KITTY-FONT';
}


.hk li{
list-style-image: url(https://i.postimg.cc/kGwFF2mN/361.gif);
text-shadow: 2px 2px 4px black;
color: #f1bbbb;
padding: 5;
}

.hk h1{
color: #FA5053;
text-shadow: 2px 2px 4px black;
padding: 10;
}

.hk h2{
color: #ff5e60;
text-shadow: 2px 2px 4px black;
padding: 10;
}

.hk h3{
color: #fa7274;
text-shadow: 2px 2px 4px black;
padding: 10;
}

.hk h4{
color: #fa8082;
text-shadow: 2px 2px 4px black;
padding: 10;
}

.hk h5{
color: #fc9294;
text-shadow: 2px 2px 4px black;
padding: 5;
}

.hk h6{
color: #fda1a3;
text-shadow: 2px 2px 4px black;
padding: 5;
}

.hk p {
text-shadow: 2px 2px 4px black;
padding: 10;
}

.hk h1::before{
Content: url(https://i.postimg.cc/Z54rwqdZ/tumblr_lsr3afbvyw1qhwcy0.gif);
}

.hk h1::after{
Content: url(https://i.postimg.cc/Z54rwqdZ/tumblr_lsr3afbvyw1qhwcy0.gif);
}

/* TOP + BOTTOM */
.hk::before{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        url(https://i.postimg.cc/2yDNB8d2/21.png),
        url(https://i.postimg.cc/2yDNB8d2/21.png);

    background-position:
        top center,
        bottom center;

    background-repeat:
        repeat-x,
        repeat-x;

    background-size:
        auto 20px,
        auto 20px;

    pointer-events: none;
}

/* LEFT + RIGHT */
.hk::after{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        url(https://i.postimg.cc/T2HpNFWQ/tumblr_mj6ekspe2M1r7y61oo1_250.gif),
        url(https://i.postimg.cc/sD4DdLBj/tumblr_mj6ehp_BAc_V1r7y61oo1_250.gif);

    background-position:
        left top,
        right top;

    background-repeat:
        repeat-y,
        repeat-y;

    background-size:
        20px auto,
        20px auto;

    pointer-events: none;
}

.gay{
    position: relative;
    background-image: url(https://i.postimg.cc/bvTxBPn7/tumblr_nix7fra_Y4V1qf8w0bo1_500.gif);
    padding: 1px;
}

.gay-chess{
background-image: url(https://i.postimg.cc/nc4m9QhS/rainbow_chess.gif);
background-repeat: repeat;
}


.gay li{
list-style-image: url(https://i.postimg.cc/Y0Dx5BKR/tumblr_ptfhvg_TKkc1vs5rw4_75sq.gif);
text-shadow: 2px 2px 4px black;
}

.gay h1{
text-shadow: 2px 2px 4px black;
}

.gay p {
text-shadow: 2px 2px 4px black;
}

.gay h1::before{
Content: url(https://i.postimg.cc/FKW2HH8v/125.gif);
}

.gay h1::after{
Content: url(https://i.postimg.cc/RFW26zxB/116.gif);
}

/* TOP + BOTTOM */
.gay::before{
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        url(https://i.postimg.cc/C1SqY8Ff/6hearts2.png),
        url(https://i.postimg.cc/C1SqY8Ff/6hearts2.png);

    background-position:
        top center,
        bottom center;

    background-repeat:
        repeat-x,
        repeat-x;

    background-size:
        auto 20px,
        auto 20px;

    pointer-events: none;
}