body {
  background-color: white;
  color: black;
  font-family: Verdana;
}


body {
  overflow: hidden;
  background-image: url('pictures/a.jpg');
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
  min-height: 100vh;
  margin: 0;
  

}




a {
    text-decoration: none;
    color: black;
}




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



::-webkit-scrollbar {
width: 15px;
}

::-webkit-scrollbar:horizontal {
height: 10px
}

::-webkit-scrollbar-corner {
background: transparent
}

::-webkit-scrollbar-track:vertical {
background: transparent
}

::-webkit-scrollbar-track:horizontal {
background: transparent
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 20px;
        border-radius: 20px;
        background-image: url('pictures/a.jpg');
  background-position: center;
  background-repeat: repeat;
        border: 1px inset;
        }





@font-face {
font-family: 'pixel';
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

@font-face{
font-family: 'bratsy';
src: url(https://dl.dropbox.com/s/w11p11if3spnd0l/Bratsy%20Script%20Demo.ttf);
}

@font-face {
font-family: 'DigiBop';
src: url(https://dl.dropbox.com/s/8maabpvuycdrlai/DigiBop-Regular.ttf);
}

@font-face {
font-family: 'cakentruffles';
src: url(https://dl.dropbox.com/s/etvt9sk6o6fc27m/Cake%20n%20Truffles.ttf);
}

@font-face {
font-family: 'soopafre';
src: url(https://dl.dropbox.com/s/fpgr6spck905sqg/soopafre.ttf);
}

@font-face {
font-family: 'fakereceipt';
src: url(https://dl.dropbox.com/scl/fi/z8wz0orrpipnm0bhfbadl/Fake-Receipt.otf?rlkey=z7h5r1fa0ld9r2ywekprd49gb&st=3pii8aa8&);
}

@font-face {
font-family: 'emoji';
src: url(https://dl.dropbox.com/s/miph32gnut3atwk/bmstamp.TTF);
}

@font-face {
font-family: 'sant joan';
src: url(https://dl.dropbox.com/s/o5umfqvcshf0ugj/SantJoanDespiRegular.woff);
}


@font-face {
  font-family: 'spirit';
  src: url(https://dl.dropbox.com/scl/fi/f8qjx54ut626d9zfikxsd/spirit.ttf?rlkey=3gn21r4kqk23g25ogv9r01vsb&st=dl86vi4l);
}

@font-face {
font-family: 'ring';
src: url(https://dl.dropbox.com/s/j76dxwpephmv7gw/ring.ttf);
}

@font-face {
font-family: 'beagris'; 
src: url(https://dl.dropbox.com/s/j7tf0uso6vmvwu9/beagris.ttf);
}

@font-face {
font-family: 'universe';
src: url(https://dl.dropbox.com/s/b134x0u2z8fn25q/Boecklinsuniverse-x3jKm.ttf); 
}

@font-face {
font-family: 'lemon';
src: url(https://dl.dropbox.com/s/y6wquf5njt2g3p1/Lemon%20Love.ttf?);
}


@font-face {
font-family: 'wishes';
src: url(https://dl.dropbox.com/s/0834itva523yo8s/Warm%20Wishes.otf);
}

@font-face {
font-family: 'hug-me-tight';
src: url(https://dl.dropbox.com/s/ysi69u7ax8fv1b1/Hug%20Me%20Tight%20-%20TTF.ttf);
}

@font-face{
font-family: 'bratsy';
src: url(https://dl.dropbox.com/s/w11p11if3spnd0l/Bratsy%20Script%20Demo.ttf);
}

@font-face {
font-family: "hywenhei";
src: url(https://files.catbox.moe/biobvb.ttf);
}


@font-face {
font-family: 'musketeer';
src: url(https://dl.dropbox.com/s/9y7og59geijca6b/Musketeer.ttf);
}

@font-face {
font-family: 'Porkys';
src: url(https://dl.dropbox.com/s/w27c0suxh1i3q8s/PORKYS_.TTF);
}

@font-face {
font-family: 'rollergirls'; 
src: url(https://dl.dropbox.com/s/5vuidw6nmmo44f5/ROLLERGI.TTF);
}

@font-face {
  font-family: 'blomster';
  src: url(https://dl.dropbox.com/s/hj014y1tu1ow92p/Blomster.ttf);
}


@font-face {
font-family: 'charming';
src: url(https://dl.dropbox.com/s/z113k8111e1ntl1/Charming-Heart%20400.otf);
}

@font-face {
font-family: 'stretch';
src: url(https://dl.dropbox.com/s/mnc029l3jrmahoe/StretchPro.otf);
}

@font-face {
font-family:'kosmos';
src: url(https://dl.dropbox.com/s/olyigvm99jgmn8h/PLANK___.TTF);
}

@font-face {
font-family: 'sunny';
src: url(https://dl.dropbox.com/s/33rn3qyxh829ew0/SunnySpellsBasicRegular-Yz1Wv.ttf);
}

@font-face {
src: url(https://dl.dropbox.com/s/zocxhpzfkgaq86b/Chillyk.ttf);
font-family: 'chilly';
}

@font-face {
font-family:'kiwi';
src: url(https://dl.dropbox.com/s/388cvx0do21kj3n/KiwiSoda.ttf);
}

@font-face {
font-family:'tumb';
src: url(https://dl.dropbox.com/s/s645fdxoiwlz8hg/Tumb-Regular.ttf);
}

@font-face {
font-family: 'arcade classic'; 
src: url(https://dl.dropbox.com/s/g4vxuuj1i7koblh/arcade%20classic.ttf);
}




@font-face {
src: url(https://dl.dropbox.com/s/16ntpxj8fny66d6/Quick%20Love.ttf);
font-family: 'quick-love';
}

@font-face {
font-family: 'barbie'; 
src: url(https://dl.dropbox.com/s/5u8tdmnu2w9cfxw/Barbie-Font.ttf);
}

@font-face {
font-family: 'aespa';
src: url(https://dl.dropbox.com/s/gy2yvbau2ieeeng/aespa_Regular.ttf);
}

@font-face {
src: url(https://dl.dropbox.com/s/gavkuhehligvhz8/PsycheLover-Regular.otf);
font-family: 'psyche';
}

@font-face {
font-family: 'cutie';
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}

@font-face {
font-family: 'magazine';
src: url(https://dl.dropbox.com/s/9a122x5sim0udkw/MagazineLetterByBrntlbrnl-Regular.ttf);
}

@font-face {
font-family: 'hello kitty';
src: url(https://dl.dropbox.com/s/l5kzvuqppwfxa9z/hellokittyfont.ttf);
}

@font-face {
font-family: 'funkhouse';
src: url(https://dl.dropbox.com/s/2bxao21r582gf5d/FUNKHOUS.ttf);
}

@font-face {
font-family: 'starborn';
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}


@font-face {
font-family: 'cheri';
src: url(https://dl.dropbox.com/s/rnro4upxbmy7722/CHERL___.TTF?dl=0)
}

@font-face {
src: url(https://dl.dropbox.com/s/9gt2ntgclqn5zq4/Rain%20Kiss.ttf);
font-family: 'rain-kiss';
}

@font-face {
font-family: 'create';
src: url(https://dl.dropbox.com/s/fyxqlcxgv2ew0ph/Createland.otf);
}

@font-face {
font-family: 'chick';
src: url(https://dl.dropbox.com/s/wrt1sab5vv6r25n/CHICK___.TTF);
}

@font-face {
font-family:'PingWing';
src: url(https://dl.dropbox.com/s/5z5897hywveuh17/pingwing.ttf);
}

@font-face {
src: url(https://dl.dropbox.com/s/0yg7g2z7st9k0xg/Willond.ttf);
font-family: 'willond';
}

@font-face {
font-family: 'lumi';
src: url(https://dl.dropbox.com/s/a3ftt66a9mzayi1/Luminauroit.ttf);
}

@font-face {
font-family: 'ALBA';
src: url(https://dl.dropbox.com/s/0l4qryezh7ac9ls/ALBA____.TTF);
}



@font-face {
src: url(https://dl.dropbox.com/s/g3x81o9erdbepda/Candy%20Cake.ttf);
font-family: 'candie';
}

@font-face {
src: url(https://dl.dropbox.com/s/omzqymh9g6rqpv1/LOVEPARADISE-Two.ttf);
font-family: 'love-paradise';
}

@font-face { 
font-family:'antre';
src: url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
}

@font-face {
src: url(https://dl.dropbox.com/s/53rwduk24jn09xg/Candy_Pop%21-demo-font.ttf);
font-family: 'candypop';
}

@font-face {
src: url(https://dl.dropbox.com/s/dsfe2xnk0wpa5vr/Cookies.ttf);
font-family: 'cookies';
}

@font-face {
font-family:'Magic';
src: url(https://dl.dropbox.com/s/fez9i3nk7qelaae/Magic%20Funk.ttf); 
}

@font-face {
font-family: 'trucking';
src: url(https://dl.dropbox.com/s/pg17pqb0kbc4n10/KeeponTruckin.ttf);
}


@font-face {
font-family:'handy';
src: url(https://dl.dropbox.com/s/kqvt2miu9r4y9ye/handy00.ttf);
}

@font-face {
font-family: 'Nintendo-DS-BIOS';
src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
}


@font-face {
font-family: 'creamy-sugar';
src: url(https://dl.dropbox.com/s/qg84neaaor7m5ha/CreamySugar-gxnGR.ttf);
}

@font-face {
font-family: 'create';
src: url(https://dl.dropbox.com/s/fyxqlcxgv2ew0ph/Createland.otf);
}

@font-face {
font-family: 'pixel';
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

@font-face {
font-family: 'minecraftia';
src: url(https://dl.dropbox.com/s/qrro6u0lx00x66j/Minecraftia-Regular.ttf?);
}


#back {
background-color: transparent;
  background-image: radial-gradient(#fff 60%, transparent 70%); /* inner shadow */

width:85em;
height: 60em;
position: absolute;
left: 18em;
}


.maincontainer {
width: 65em;
height: 58em;
position: absolute;
left: 10em;
top: .5em;

background-color: white;
border-width: 7px; 
border-style: solid; 
border-radius: 2em;
border-image: url("https://i.imgur.com/8Tk8PKV.gif") 7 fill round;
}


.top {
width: 63.5em;
height: 7em;
position: relative;
left: 0.6em;
top: 0.6em;

background-image: url("pictures/bg5.gif");
border: 2px outset;
}


#headbg {
width: 65em;
height: 7em;
position: relative;
left: 0em;
top: 3.5em;

background: transparent;
  background-image: radial-gradient(#fff 0%, transparent 60%); /* inner shadow */
}

.heading {
font-size: 2.5em;
font-family: 'soopafre';

color: transparent;
background: url("pictures/bg6.jpg") repeat #fff;
background-clip: border-box;
background-size: 120% 100%;
position: relative;
top: 0.8em;

background-clip: text;
-webkit-background-clip: text;
transition: background-position-y 0.6s ease;
-webkit-transition: background-position-y 0.6s ease;
animation: waveAnimation 4s infinite linear;
-webkit-animation: waveAnimation 4s infinite linear;

-webkit-animation-play-state: running;
animation-play-state: running;

filter: drop-shadow(1px 1px white) drop-shadow(-1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px -1px white)
drop-shadow(1px 1px black) drop-shadow(-1px 1px black) drop-shadow(1px -1px black) drop-shadow(-1px -1px black);
}


@-webkit-keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}

@keyframes waveAnimation{
from { background-position-x: 0%; }
to { background-position-x: 200%; }
}


.lefttop {
border: 1px;
border-radius: 2px;
border-style: solid; 
border-image: url("pictures/bor8.png") 1 fill round;

background: white;
padding: 2.5em;
width: 13em;
height: 16.35em;
position: absolute;
left: 0.6em;
top: 9em;
z-index: 1999;
}


#buttons {
border-width: 2px inset;
border-radius: 50px;
background-image: url("pictures/bg1.jpg");
width: 10em;
height: 1.4em;
font-family: 'sant joan';
text-align: center;
position: absolute;
top: 2.9em;
left: 4em;
}


.leftbot {
border-width: 7px;
border-style: solid; 
border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round; 

background: white;
width: 17.4em;
height: 25em;
position: absolute;
left: 0.6em;
top: 31.5em;
}





            #musicplayer{
                font-family: 'sant joan';
                background:white; /* background color of player */
                width:15em; /* width of the player - make it 100% if you want it to fill your container */
                height: 13em;
                padding:10px;
                text-align:center; 
                display:flex;
                flex-direction:column;
                gap:35px;
                
                position: absolute;
                left: 0.7em;
                top: 4em;
                z-index: 1999;
            }
 
            .songtitle, .track-info {
                padding:5px;
            }
            
            .now-playing{
                font-family: 'soopafre';
                padding:5px;
                color: white;
                -webkit-text-stroke: 0.01px black;
            }
 
            .controls{
                display:flex; 
                flex-direction:column; 
                gap:10px;
            }
 
            .buttons{
                display:flex;
                justify-content:center;
                font-size:17px !important; /* size of controls */
                width:100%;
            }
 
            .buttons div{
                width:33.3%;
            }
 
            .playpause-track, .prev-track, .next-track{
                background-image: url("pictures/bg1.jpg");
                color: white;
                -webkit-text-stroke: 0.5px black;
                font-size:35px !important; /* size of buttons */
            }
 
            .volume-icon{
                font-size:22px !important; /* size of volume icon */
                transform: rotate(180deg);
            }
 
            .seeking, .volume{
                display:flex;
                flex-direction:row;
                align-items:center;
                gap:5px;
            }
 
            .now-playing, .track-info{
                background-image: url("pictures/bor8.png");
            }
 
            .now-playing{
                font-weight:bold;
            }
 
            input[type=range]{
                -webkit-appearance:none; /* removes default appearance of the tracks */
                width:100%;
            }
 
            input[type=range]:focus{
                outline:none; /* removes outline around tracks when focusing */
            }
 
            input[type=range]::-webkit-slider-runnable-track{
                width:100%;
                height:4px; /* thickness of seeking track */
                background: #bafcef;
            }
 
            input[type=range]::-webkit-slider-thumb{
                height:10px; /* height of seeking square */
                width:10px; /* width of seeking square */
                border-radius:0px; /* change to 5px if you want a circle seeker */
                background: #badbfc;
                -webkit-appearance:none;
                margin-top:-3px; /* fixes the weird margin around the seeker square in chrome */
            }
 
            input[type=range]::-moz-range-track{
                width:100%;
                height:4px; /* thickness of seeking track */
                background: #bafcef;
            }
 
            input[type=range]::-moz-range-thumb{
                height:10px; /* height of seeking square */
                width:10px; /* width of seeking square */
                border-radius:0px; /* change to 5px if you want a circle seeker */
                background: #badbfc;
                border:none; /* removes weird border around seeker square in firefox */
            }
 
 
 .popup {
      margin: 70px auto;
      width: 500px;
      position: relative;
      z-index: 999;
      background: transparent;    
    }
    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        background: transparent;
        z-index: 999;
    }
    .overlay:target {
        visibility: visible;
        opacity: 1;
    }
           

            
.middle {
border: 4px double black;
border-radius: 200px 200px 0px 0px;
background: white;
width: 20em;
height: 35em;
position: absolute;
left: 22.75em;
top: 21.8em;

background-image: url("pictures/bg111.jpg");
background-size: 165%;
}


.over999 {
border: 4px double black;
border-radius: 200px 200px 0px 0px;
background: white;
width: 20em;
height: 35em;
position: absolute;
left: 5.85em;
top: 17.45em;

background-image: url("pictures/bg3.jpg");
background-size: 315%;
}

.overin {
background: white;
width: 17.5em;
height: 27em;
position: absolute;
left: 1.25em;
top: 7.2em;
overflow-y: scroll;
overflow-x:hidden;
border-radius: 10px;
}

.windowheading {
font-size: 2.5em;
font-family: 'soopafre';
color: white;
-webkit-text-stroke: 1px black;
position: absolute;
left: 1.25em;
top: 0.1em;
}

.windowsubhead {
font-size: 1.25em;
font-family: 'soopafre';
color: black;
}

.fonts {
position: relative;
left: .5em;
top: 4.5em;
text-align: center;
font-size: 1.3em;
font-family: 'sant joan';
}

a:hover {
color: #bafcef;
-webkit-text-stroke: .5px black;
}


#img {
position: relative;
left: .5em;
top: 4.5em;
text-align: center;
}


#container111 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

    #container111::-webkit-scrollbar {
        width: 8px;
        }

        #container111::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ccc;
        }

        #container111::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #e4e4e4;
        border: 1px solid #aaa;
        }

#container222 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

        #container222::-webkit-scrollbar {
        width: 14px;
        }

        #container222::-webkit-scrollbar:horizontal {
        height: 14px;
        }

        #container222::-webkit-scrollbar-corner {
        background: #eee;
        }

        #container222::-webkit-scrollbar-track:vertical {
        background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
        border-radius: 5px;
        }

        #container222::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        border-radius: 5px;
        }

        #container222::-webkit-scrollbar-thumb {
        border: 1.5px solid #888;
        border-radius: 5px;
        box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
        }

        #container222::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
        }

        #container222::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
        }

        #container222::-webkit-scrollbar-button:horizontal:end:increment,
        #container222::-webkit-scrollbar-button:horizontal:start:decrement,
        #container222::-webkit-scrollbar-button:vertical:end:increment,
        #container222::-webkit-scrollbar-button:vertical:start:decrement {
        display: block;
        }

        #container222::-webkit-scrollbar-button:vertical {
        height: 15px;
        }

        #container222::-webkit-scrollbar-button:vertical:start:decrement {
        background: white;
        background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), #eee;
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border: 1.5px solid #888;
        border-radius: 5px;
        }

        #container222::-webkit-scrollbar-button:vertical:start:increment {
        display: none;
        }

        #container222::-webkit-scrollbar-button:vertical:end:decrement {
        display: none;
        }

        #container222::-webkit-scrollbar-button:vertical:end:increment {
        background: white;
        background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), #eee;
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        border: 1.5px solid #888;
        border-radius: 5px;
        }

        #container222::-webkit-scrollbar-button:horizontal {
        width: 14px
        }
        #container222::-webkit-scrollbar-button:horizontal:start:increment {
        display: none;
        }
        #container222::-webkit-scrollbar-button:horizontal:end:decrement {
        display: none;
        }

        #container222::-webkit-scrollbar-button:horizontal:start:decrement {
        background: white;
        background: url("https://dl.dropbox.com/s/xcm618ghd823271/scroll5.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        background-position: center;
        border-radius: 5px;
        border: 1.5px solid #888;
        }

        #container222::-webkit-scrollbar-button:horizontal:end:increment {
        background: white;
        background: url("https://dl.dropbox.com/s/byeyi7am889ii9m/scroll6.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
        background-repeat: no-repeat;
        background-position: center;
        -moz-background-size: 100% auto, cover;
        -webkit-background-size: 100% auto, cover;
        -o-background-size: 100% auto, cover;
        background-size: 100% auto, cover;
        background-position: center;
        border-radius: 5px;
        border: 1.5px solid #888;
        }

#container333 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

    #container333::-webkit-scrollbar {
      width: 16px;
    }

    #container333::-webkit-scrollbar:horizontal {
      height: 17px;
    }

    #container333::-webkit-scrollbar-corner {
      background: #eee;
    }

    #container333::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
    }

    #container333::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
    }

    #container333::-webkit-scrollbar-thumb {
      border: 1.5px solid #888;
      border-radius: 3px;
      box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
      background-color: #eee;
    }

    #container333::-webkit-scrollbar-thumb:vertical {
      background: url("https://i.imgur.com/bfyvjnx.png") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
    }

    #container333::-webkit-scrollbar-thumb:horizontal {
      background: url("https://i.imgur.com/tqe4SxM.png") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
    }

    #container333::-webkit-scrollbar-button:horizontal:end:increment,
    #container333::-webkit-scrollbar-button:horizontal:start:decrement,
    #container333#container333::-webkit-scrollbar-button:vertical:end:increment,
    #container333::-webkit-scrollbar-button:vertical:start:decrement {
      display: block;
    }

    #container333::-webkit-scrollbar-button:vertical {
      height: 17px;
    }

    #container333::-webkit-scrollbar-button:vertical:start:decrement {
      background: white;
      background-image: url("https://i.imgur.com/EFnEMEb.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    #container333::-webkit-scrollbar-button:vertical:start:increment {
      display: none;
    }

    #container333::-webkit-scrollbar-button:vertical:end:decrement {
      display: none;
    }

    #container333::-webkit-scrollbar-button:vertical:end:increment {
      background: white;
      background-image: url("https://i.imgur.com/xuIt6Lc.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

#container444 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

   #container444::-webkit-scrollbar {
width: 14px
}

#container444::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
border-left: 1px solid #888;
}

#container444::-webkit-scrollbar-thumb:vertical {
background: linear-gradient(90deg, rgba(27,66,122,1) 0%, rgba(194,224,255,1) 28%, rgba(138,194,238,1) 55%, rgba(202,227,252,1) 87%);
  border-left: 1px solid #888;
}

/*horizontal scroll*/

#container444::-webkit-scrollbar:horizontal {
height: 14px
}

#container444::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
 border-top: 1px solid #888;
}

#container444::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(180deg, rgba(27,66,122,1) 0%, rgba(194,224,255,1) 28%, rgba(138,194,238,1) 55%, rgba(202,227,252,1) 87%);
  border-top: 1px solid #888;
}

#container555 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

/* width */
#container555::-webkit-scrollbar {
width: 14px;
}
/* Track */
#container555::-webkit-scrollbar-track {
border-radius: 8px;
background: white;
opacity:0.5;
}
/* Handle */
#container555::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(169,224,173,1) 0%, rgba(226,250,228,1) 100%);
border-radius: 8px;
border: 1px solid #67916b;
opacity: 1.0;
}
/* Handle on hover */
#container555::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(169,224,173,1) 0%, rgba(226,250,228,1) 100%);
border: 1px solid #67916b;
opacity: 1.0;
}

#container777 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

#container777::-webkit-scrollbar {
width: 16px;
}
 
#container777::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
box-shadow: inset 1px 1px 0 #fff;
background: #cdcccd;
}
 
#container777::-webkit-scrollbar-thumb {
box-shadow: inset 1px 1px 0 #cdcdfc, inset -1px -1px 0 #6867c6;
width: 14px;
border: 1px solid #000;
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917959746923941938/not_gonna_work.png);
background-color: #9B9BF9;
background-repeat: no-repeat;
background-position: center;
}
 
#container777::-webkit-scrollbar-thumb:horizontal {
box-shadow: inset 1px 1px 0 #cdcdfc, inset -1px -1px 0 #6867c6;
width: 14px;
border: 1px solid #000;
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917968280742948924/horizontal_scrollbar_bg.png);
background-color: #9B9BF9;
background-repeat: no-repeat;
background-position: center;
}
 
#container777::-webkit-scrollbar-track {
background-color: #aaaaab;
border: 1px solid #000;
}
 
#container777::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917964624161308743/increment_1.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
border-left: 1px solid black;
border-right: 1px solid black;
}
 
#container777::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917964623850917978/decrement_1.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
width: 16px;
height: 16px;
}
 
#container777::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917966460217872434/horizantal_decremnt.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
 
#container777::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917966460477906944/horizantal_increment.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
 
#container888 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

#container888::-webkit-scrollbar {
width:15px; height:15px;
}
 
#container888::-webkit-scrollbar-track {
background-image: url(https://i.imgur.com/1wwyNgR.png);
}
 
#container888::-webkit-scrollbar-thumb {
background-image: url(https://i.imgur.com/3twDfJb.png);
border-top: 1px solid #111; border-bottom: 1px solid #000;
}
 
#container888::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/pSpgQbq.png);
width: 15px; height: 15px;
}
 
#container888::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/IzbYg9x.png);
width: 15px; height: 15px;
}

#container999 {
position: relative;
left: 1.5em;
top: -0.6em;
text-align: center;
border: 1px solid black;
overflow-x: hidden;
overflow-y: scroll;
}

#container999::-webkit-scrollbar {
width: 16px;
}
 
#container999::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
}
 
#container999::-webkit-scrollbar-thumb {
background-color: #fff;
width: 14px;
border: 1px solid #000;
}
 
#container999::-webkit-scrollbar-track {
background: radial-gradient(circle at 0.5px 0.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,#fff;
border: 1px solid black;
}
 
#container999::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568594276402/vertical_increment.png);
width: 16px;
height: 16px;
border-left: 1px solid black;
border-right: 1px solid black;
}
 
#container999::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568313270342/vertical_decrement.png);
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
width: 16px;
height: 16px;
}
 
#container999::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641235173436/hori_decrement.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
 
#container999::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641537150976/hori_increm.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}

#texts {
color: black;
}





.img-infinitebouncehover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.img-infinitebouncehover:hover {
  -webkit-animation-name: bounces;
  animation-name: bounces;
}

@-webkit-keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounces {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
} 


.img-sliderighthover {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
  
.img-sliderighthover:hover {
  	margin-left: 30px
}


.float {
color: #000;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}


.shake:hover { 
animation: shake 0.5s; 
animation-iteration-count: infinite; 
-webkit-filter:blur(1px); 
-webkit-transition: .5s ease-in; 
} 
 
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
} 
  


  .lebounce mark {
    z-index: 99;
    animation: bounce 2s infinite;
    animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1); 
    width: auto;
    background: none;
  }
 
  .lebounce mark:nth-child(1) {
    animation-delay: 0s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(2) {
    animation-delay: 0.2s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(3) {
    animation-delay: 0.4s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(4) {
    animation-delay: 0.6s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(5) {
    animation-delay: 0.8s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(6) {
    animation-delay: 1s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(7) {
    animation-delay: 1.2s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(8) {
    animation-delay: 1.4s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(9) {
    animation-delay: 1.6s;
    display: inline-block;
  }
 
  .lebounce mark:nth-child(10) {
    animation-delay: 1.8s;
    display: inline-block;
  }
 
  @keyframes bounce {
    0% {
      transform: scale(1, 1) translateY(0);
    }
 
    10% {
      transform: scale(1.1, .9) translateY(0);
    }
 
    30% {
      transform: scale(.9, 1.1) translateY(-30px);
    }
 
    50% {
      transform: scale(1.05, .95) translateY(0);
    }
 
    60% {
      transform: scale(1, 1) translateY(-4px);
    }
 
    100% {
      transform: scale(1, 1) translateY(0);
    }
  }
  



.blinke {
    color: #000000;
    animation: blinkingText 1.2s infinite;
    margin: auto;
    font-family: sant joan;
  }
 
  @keyframes blinkingText {
    0% {
      color: #000000;
    }
 
    49% {
      color: #000000;
    }
 
    60% {
      color: white;
    }
 
    99% {
      color: white;
    }
 
    100% {
      color: #000000;
    }
  }


.disk {
animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: spin;
animation-timing-function: linear;
    }

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


@keyframes heart{
0%, 12%, 25%, 50% {
transform: rotate(0deg);
}
 
55% {
transform: rotate(-2.5deg);
}
 
65% {
transform: rotate(3.5deg);
}
 
75% {
transform: rotate(-7deg);
}
 
95%, 100% {
transform: rotate(0deg);
}
}
 
.jerky {
animation: heart 1.5s ease infinite;
} 



.img-popinoutanim {
   -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;
}
  
@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}


@keyframes slide {
0% {
background-position-x: 0%;
}
100% {
background-position-x: 300vw;
}
}

.rainbow {
background-size: 300vw 300vw;
text-align: -webkit-center;
background: repeating-linear-gradient(-45deg, red 0%, yellow 7.14%, #0f0 14.28%, #0ff 21.42%, cyan 28.56%, blue 35.7%, magenta 42.84%, red 50%);

-webkit-animation: 'slide' 45s infinite linear forwards;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}



  .gifimage {
    background-image: url("pictures/lametta.jpg");
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  

.doubleborder {
  filter: drop-shadow( 0 3px #9a6fb0) drop-shadow( 2px 0 #9a6fb0) drop-shadow( 0 -1px #ffa9c2) drop-shadow( -1px 0 #9a6fb0) drop-shadow( 0 5px white) drop-shadow( 5px 0 white) drop-shadow( 0 -5px white) drop-shadow( -5px 0 white) drop-shadow(1px 1px 0 rgba(172,172,172,0.6)) drop-shadow(1px 1px 0 rgba(172,172,172,0.6)) drop-shadow( 0 0 2px #424242);
  color:#FDE6FF;
 } 
  

.twocolorline {
  text-shadow: -1px 0 #fff, 0 1px #000, 1px 0 #000, 0 -1px #fff, 0 0;
  color: #b84154;
  padding: 0 1px 0 1px;
  }
  
 
.stitched {
background: #9a8c98;
border: 1px dashed #fff;
box-shadow: 0 0 0 3px #9a8c98;
padding:2px;
}


.tripleline {
text-shadow: -1px -1px 0 #fff, 1px -px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
-webkit-text-stroke:2px #000;
filter: drop-shadow(0px 1px #000) drop-shadow(0 -1px #000) drop-shadow(1px 0 #000) drop-shadow(-1px 0 #000);
}


.botbot {
border: 2px outset;
width: 17em;
height: 27em;
position: absolute;
left: 47.05em;
top: 30em;
background-image: url("pictures/bg5.gif");
background-size: 450%;
}