/neapolitan (bundlrs)

<style>

    @media screen and (max-width: 600px){
        #top, #top-footer, #cont, #foot,#bottom{
            width: 85vw !important;
            grid-template-rows: 10vh 5vh 11vh auto !important;
            padding: 0px;
        }
        #cont{
            height: 45vh !important;
            font-size: 9px !important;
        }
        .image-center{
            height: 16vh !important;
            width: 47vw !important;
        }
    }

    body{
        background-image: url('https://foollovers.com/mat/circle02/ha01-bg-randomdot.jpg') !important;
        background-size: 20%;
        background-repeat: repeat;
        color: #545454;
        font-size: 15px;
    }

    .tab-container{
        background: transparent !important;
        max-width: 600px;
        margin: auto;
        padding: auto;
        min-height: 80vh;
        display: grid;
        place-content: center;
    }

    :root{
        --border: #545454;
    }

    @font-face{
        src: url('https://file.garden/Ze_zdVVdmFtXO7cR/Mali-Regular.ttf');
        font-family: 'font';
        font-size: 13px;
    }

    *:not(body){
        font-family: 'font';
        src: url('https://file.garden/Ze_zdVVdmFtXO7cR/Mali-Regular.ttf');
        font-size: 13px;
    }

    #top{
        width: 400px;
        height: 35px;
        border-top-left-radius: 20px;
        border: solid 1px var(--border);
        border-bottom: 0px;
        margin: auto;
        background: #ffd1e3;
    }

    #top-footer{
        border: solid 1px var(--border);
        border-bottom: none;
        width: 400px;
        background: #fff0f6;
        margin: auto;
        padding-left: 10px;
        height: 22px;
        text-align: center;
    }

    .title{
        border-radius: 3px;
                border: solid 1px var(--border);
                background: #fff;
                width: 190px;
                height: 22px;
                padding: 2px;
                margin-left: 20px;
                margin-top: 8px;
                padding-left: 5px;
                font-size: 12px;
                text-decoration: underline dotted 1.5px #545454;
        z-index: 100;
    }

    #cont{
       display: grid;
        gap: 5px;
        padding: 10px;
        padding-top: 0px;
        grid-template-rows: 25% 30% 14%;
        grid-template-areas:
            'one one one two'
            'three four four five'
            'three four four five'
            'seven seven eight eight'
            'seven seven eight eight';
        background: #fffbf0;
        border: solid 1px var(--border);
        width: 400px;
        height: 400px;
        margin: auto;
        padding-top: 6px;
    }

    #foot{
        border: solid 1px var(--border);
        border-top: none;
        width: 400px;
        background: #663b32;
        margin: auto;
        padding-left: 10px;
        height: 25px;
    }

    #bottom{
        width: 400px;
        height: 35px;
        border: solid 1px var(--border);
        border-top: none;
        margin: auto;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-image: url('https://foollovers.com/mat/food/g04-bg-chocolate.gif');
        background-repeat: repeat;
        background-size: 6%;
    }

    .scroll-1{
        grid-area: one;
        background: linear-gradient(180deg, hsla(360, 100%, 100%, 1), hsla(337, 100%, 96%, 1));
        border: solid 1px var(--border);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        margin: 5px;
        margin-bottom: 0px;
        padding: 10px;
        overflow: auto;

    }

    .scroll-2{
        grid-area: three;
        background: #fff;
        border: solid 1px var(--border);
        border-radius: 10px;
        border-bottom-right-radius: 0px;
        margin: 5px;
        padding: 5px;
        overflow: auto;
    }

        .image-top-left{
        grid-area: two;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 0px;
        border: solid 1px var(--border);
        border-radius: 100px;
        animation: circle infinite 5s linear;
    }

        .image-middle-left{
        grid-area: three;
        margin-bottom: 5px;
        overflow: auto;
        animation: scroll-up 15s linear infinite;
    }

    .image-center{
        grid-area: four;
        margin-top: 5px;
        border: solid 1px var(--border);
        border-radius: 10px;
        background: #fff;
        width: 95%;
        margin: auto;
    }

    .scroll-3{
        background: #fff;
        border: solid 1px var(--border);
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        grid-area: five;
        overflow: auto;
        padding: 5px;
        margin-top: 5px;
        height: 93%;
    }

    .image-right{
        grid-area: five;
        margin-bottom: 5px;
        overflow: auto;
        animation: scroll-up 15s linear infinite;
    }

    .scroll-5{
        background: #fff;
        border: solid 1px var(--border);
        margin: 5px;
        margin-bottom: 15px;
        margin-top: 0px;
        padding: 10px;
        border: solid 1px var(--border);
        border-radius: 10px;
        grid-area: seven;
        overflow: auto;
    }

    .scroll-6{
        background-image: url('https://foollovers.com/mat/slantstripe/ga28-bg-slantstripe.gif');
        background-repeat: repeat;
        background-size: 35%;
        border: solid 1px var(--border);
        margin: 5px;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px;
        border-radius: 10px;
        grid-area: eight;
        overflow: auto;
        height: 83%;
    }

    @keyframes circle{
        from{
            transform: rotate(0deg);
        }
        to{
            transform: rotate(360deg);
        }
    }

        @keyframes  scroll-up {
	from {
		transform: translatey(0);
	}
	to {
		transform: translatey(calc(-200px * 5));
	}
}

    ::-webkit-scrollbar{
        background: transparent !Important;
        width: 0px !important;
    }

    ::-webkit-scrollbar-thumb{
        background: transparent !Important;
        width: 0px !important;
    }

    ::selection{
        background: #b8958e;
        color: #fff;
    }

    a{
        align-text: center;
        color: #d8c1bb;
        size: 14px;
        text-decoration: underline solid 2px;
        transition: 0.7s;
        display: inline-block;
        font-size: 85%;
        margin-right: 5px;
    }

    a:hover{
        opacity: 0.6;
        text-decoration: underline solid;
        text-align: center;
        align-item: center;
        margin: auto;
        transform: translateY(-20%);
  cursor:help;
    }

    .highlight{
        background: #fff0f6 !important;
        border-radius: 4px;
                border: solid 1px var(--border);
                padding: 0px 7px 0px 7px !important;
                margin-right: 3px;
                color: #525252;
    }

</style>

<div id="top">
    <div class="title"> https://mrrp-meow.jp/ </div>
</div>
<div id="top-footer"> last updated 5/8/24 : mobile sucks ass
</div>
<div id="cont">
    <div class="scroll-1"> ==byi== im cake or mugi.. im 13 turning 14, my prns are she-her and i use eng/indo ^_^!!
    </div>
    <img src="https://i.pinimg.com/564x/79/1b/3c/791b3ce5e96c41e3badf629cfef9c40b.jpg" class="image-top-left"/>
    <div class="scroll-2">
        <img src="https://i.pinimg.com/564x/68/3d/ee/683dee41f93a016215c4b4da088b5271.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/c6/30/4e/c6304e273b050b735cb5395062042d5d.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/736x/5e/0f/03/5e0f0306b25cd321cbc1be8f149308f4.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/bc/e4/fb/bce4fb28e2ff85f88be45cc84d9c05fd.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/34/16/d0/3416d098084dde762e95ba2f54520aa0.jpg" class="image-middle-left"/>
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSv4EnunHobBMDVolS1vKil6qPrbDh6y0I4sJ2JbHM2fA&s" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/fe/b6/81/feb6810bee583c13e6628c7f8c989f99.jpg" class="image-middle-left"/>
        <img src="https://images.genius.com/4892b436d8b67a68279cbab39349cef9.1000x1000x1.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/d8/f6/66/d8f666deb68a19bacf9399d6d40ae36b.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/736x/c1/76/fa/c176fac7ac8d8a1e2dd721300116ad81.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/e7/41/02/e74102adc0e65df1be242ce508b10bd9.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/b6/87/9b/b6879b6dc581896e7c169bbb0d216e56.jpg" class="image-middle-left"/>
        <img src="https://i.pinimg.com/564x/5c/cb/f7/5ccbf7a77d43cbfebd47942201d3d301.jpg" class="image-middle-left"/>
    </div>
    <img src="https://i.pinimg.com/564x/d2/aa/91/d2aa9156b026669dc5dce3140033d6f9.jpg" class="image-center">
    <div class="scroll-3">
        <img src="https://i.pinimg.com/564x/00/69/59/0069595f84b0f992a913b3a73a2cce61.jpg" class="image-right"/>
        <img src="https://i.pinimg.com/564x/6a/3c/c4/6a3cc4b78cee87b7552fbe1ef47f0b02.jpg" class="image-right"/>
        <img src="https://i.pinimg.com/736x/fe/a7/3b/fea73b3560dad9c0e41a3b3d6d47e4cf.jpg" class="image-right">
        <img src="https://i.pinimg.com/564x/7b/a2/16/7ba2168bb88d541959c08a7d5159c9d9.jpg"class="image-right">
        <img src="https://i.pinimg.com/564x/5f/70/c6/5f70c66db184ba2c151b63244b840616.jpg" class="image-right">
        <img src="https://i.pinimg.com/736x/fc/f7/eb/fcf7ebfc002a44be5dba7fd4435a9a6c.jpg" class="image-right">
        <img src="https://i.pinimg.com/736x/ed/37/89/ed37897f6de63723049d503a2a621d62.jpg" class="image-right">
        <img src="https://i.pinimg.com/474x/a2/08/6b/a2086b32d686c678790510397624d4b5.jpg" class="image-right">
        <img src="https://i.pinimg.com/564x/c2/9b/9b/c29b9b2479c4e29b16d098e71ad66914.jpg" class="image-right">
        <img src="https://i.pinimg.com/736x/83/eb/62/83eb62291050fb0816b33cc5b129b6a8.jpg" class="image-right">
        <img src="https://i.pinimg.com/564x/95/ca/0c/95ca0c33a991e9bad6146bef59c01c26.jpg" class="image-right">
        <img src="https://i.pinimg.com/564x/2a/f1/82/2af182b9b9652e0ea622d0d4a2cd3a1b.jpg" class="image-right">
            <img src="https://i.pinimg.com/736x/6e/ba/90/6eba90a8286aac52249cd0d0b930ce17.jpg" class="image-right">
        <img src="https://i.pinimg.com/564x/2e/94/3a/2e943a57bdc6f698c67b8b4bd78c10e3.jpg" class="image-right">
    </div>
    <div class="scroll-5"> boom test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
    </div>
    <div class="scroll-6"> ==likes== test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
    </div>
</div>
<div id="foot">
-> <a href="https://t.me/nekozirushi"> telegram </a>  <a href="https://twitter.com/cogimywn"> twitter </a>  <a href="https://bundlrs.cc/danish"> hoard </a> <a href="https://bundlrs.cc/"> credits </a>‎ ‎ ‎->
</div>
<div id="bottom"></div>
<lit>100%