/* Tiny Spiderman Web Shot - https://www.cursors-4u.com/cursor/tiny-spiderman-web-shot */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/tiny-spiderman-web-shot-37cf94e5-32.webp') 33 36, auto !important;
}
/* End www.Cursors-4U.com Code */


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


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

}




a {
    text-decoration: none;
}


a:hover {
-webkit-filter: blur(1px);
filter: blur(1px);
}



::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: 'ring';
src: url(https://dl.dropbox.com/s/j76dxwpephmv7gw/ring.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);
}





#scrollmenu {
  margin: auto;
  width: 37em;
  height: 15em;
  background-color: #fff;
  border: 4px double black;
  
  border-width: 7px; 
  border-style: solid; 
  border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round; 
        
  border-radius: 0px 0px 0px 0px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  position: absolute;
  left: .5em;
  top: .9em;
} 

#awa {
  display: inline-block;
  font-family: 'fakereceipt';
  background: white;
  color: black;
  height: 12.1em; 
  width: 12em; 
  text-align: center;
  padding: 15px;
  border: 2px inset;

  white-space: normal;
  overflow: auto;
  border-radius: 15px 15px 0px 0px;       
  text-decoration: none;
}

.containerleft {
  background-image: url('pictures/a.jpg');
  background-position: center;
  background-repeat: repeat;
  background-attachment: stretch;
  width: 42em;
  height: 50em;
  border-radius: 15px 15px 15px 15px;
  position: absolute;
  left: 4em;
  top: 5em;
  

  
  border: 4px double black;
  box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

.containerlefttop {
  background-color: white;
  width: 37em;
  height: 15.5em;
  border-radius: 10px 10px 10px 10px;
  position: absolute;
  left: 1em;
  top: 1em;
  padding: 1em;
  border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round;         
  border-width: 7px;
  border-style: solid;     
}


.containerleftbot {
  background-color: white;
  width: 36em;
  height: 25em;
  border-radius: 10px 10px 10px 10px;
  position: absolute;
  padding: 1em;
  border: 2px inset;
  position: absolute;
  top: 21.4em;
  left: 1.8em;

}


.insidebotl {
  margin: auto;
  width: 35em;
  height: 24em;
  
  background-image: url('pictures/lametta.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
border-width:8px;
border-style:solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;

  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  position: absolute;
  left: 1em;
  top: 1em;
  
transform: rotate(.7deg);
} 

.insideinside
{
  margin: auto;
  width: 25em;
  height: 20.1em;
  background-color: #fff;
  
border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round;         
border-width: 7px;
border-style: solid;     
  
  overflow: auto;
  white-space: nowrap;
  position: absolute;
  left: 4.0em;
  top: 0.8em;
  text-align: center;
  padding: 10px;
  font-family: 'fakereceipt';
  
transform: rotate(-.7deg);
  white-space: normal;

} 





.containercalender {
  width: 19.5em;
  height: 19.5em;
  position: absolute;
  left: 44em;
  top: -0.25em;   
  
border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/8Tk8PKV.gif") 7 fill round;         
} 


.incontainer {
  width: 17.5em;
  height: 17.5em;
  position: absolute;
  left: 0.75em;
  top: 0.7em;  
background-image: url("pictures/lametta.jpg");
background-position: center;
background-repeat: repeat;
background-attachment: stretch;
border-radius: 15px 15px 15px 15px;border: 4px double black;box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}



.bottomout {
  background: white;
  width: 35em;
  height: 29em;
  position: absolute;
  left: 48.3em;
  top: 26em;   
  background-image: url('pictures/a.jpg');
  background-position: center;
  background-repeat: repeat;
  background-attachment: stretch;

border-radius: 15px;
border: 4px double black; 
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
} 


.bttminside {
  background: white;
  width: 31em;
  height: 25em;
  position: absolute;
  left: 1.8em;
  top: 1.8em;   
  border: 2px inset;
  border-radius: 10px;
}


.linerone {
  background: white;
  width: 26.8em;
  height: 3em;
  position: absolute;
  left: 1.7em;
  top: 2.2em;   

  border-width: 7px; 
  border-style: solid; 
  border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round;

  overflow-x: hidden;
  overflow-y: hidden;
}


.musicboxey {
  background-image: url('pictures/lametta.jpg');
  background-position: center;
  background-repeat: no-repeat;
  
  width: 13.4em;
  height: 19.3em;
  position: absolute;
  left: 69.5em;
  top: 5em;   

border-radius: 3px;
border-width:8px;
border-style:solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;         
} 




button
{
  background-image: url('pictures/lametta.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  background-attachment: stretch;
  
border-width:8px;
border-style:solid;
border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;

font-family: 'fakereceipt';
font-size: 0.8em;
color: black;
padding: 5px;
margin: 0.35em;
font-weight:bold;
}




  #text:hover{ 
font-style: italic;
} 






.text0 {
font-family: 'soopafre';
font-size: 0.4em;
color: transparent;
}


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

.text02 {
font-family: 'soopafre';
font-size: 2em;
padding: 0.3em;
}


.text03 {
font-family: 'fakereceipt';
color: black;
font-size: 1.3em;
}


.text03:hover {
font-family: 'fakereceipt';
color: black;
-webkit-filter: blur(1px);
filter: blur(1px);
}





.rise {
transition: .2s ease; 
}

.rise:hover {
transform: translateY(-15%);
}







.prinzessin mark { 
font-family: 'cakentruffles';
font-size:2.5em;
font-weight:bold;
background: none;
color:black;
animation: princess 2s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1);
}

.prinzessin mark:nth-child(1) { animation-delay:0s; display:inline-block;}
.prinzessin mark:nth-child(2) { animation-delay:0.2s; display:inline-block;}
.prinzessin mark:nth-child(3) { animation-delay:0.4s; display:inline-block; }
.prinzessin mark:nth-child(4) { animation-delay:0.6s; display:inline-block;}
.prinzessin mark:nth-child(5) { animation-delay:0.8s; display:inline-block;}
.prinzessin mark:nth-child(6) { animation-delay:1s; display:inline-block;}
.prinzessin mark:nth-child(7) { animation-delay:1.2s; display:inline-block;}
.prinzessin mark:nth-child(8) { animation-delay:1.4s; display:inline-block;}
.prinzessin mark:nth-child(9) { animation-delay:1.6s; display:inline-block;}
.prinzessin mark:nth-child(10) { animation-delay:1.8s; display:inline-block;}

@-webkit-keyframes princess {
from { transform:scale(0.90); color:black; }
50% { transform:scale(1); color:hotpink; }
to { transform:scale(0.90); color:black; }
}

@keyframes princess {
from { transform:scale(0.90); color:black; }
50% { transform:scale(1); color:hotpink; }
to { transform:scale(0.90); color:black; }
}






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

color: transparent;
background: url("pictures/a.jpg") repeat #fff;
background-clip: border-box;
background-size: 200% 100%;

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%; }
}




.tilty {
text-align: center;
font-size:1.5em;
animation: tilt 1s infinite alternate;
font-family: 'DigiBop';}

@keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}

@-webkit-keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}






    #awa::-webkit-scrollbar {
      width: 0;
      /* remove scrollbar space */
      background: transparent;
      /* to make scrollbar invisible */
    }

    #awa::-webkit-scrollbar-thumb {
      background: transparent;
    }
    
       .insideinside::-webkit-scrollbar {
      width: 0;
      /* remove scrollbar space */
      background: transparent;
      /* to make scrollbar invisible */
    }

    .insideinside::-webkit-scrollbar-thumb {
      background: transparent;
    }
    
    
    
    
 .popping {
 -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;
 text-align: center;
 font-size:1.5em;
 font-family: 'DigiBop';
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}








bubbler {
text-align: center;
font-size:1.5em;
font-family: 'DigiBop';
}

.bubbler mark { 
animation: bubble 2s infinite;
animation-timing-function: ease-in-out;
background: none;
color:black;
text-align: center;
font-size:1.5em;
font-family: 'DigiBop';
}

.bubbler mark:nth-child(1) { animation-delay:0s; display:inline-block;}
.bubbler mark:nth-child(2) { animation-delay:0.8s; display:inline-block;}
.bubbler mark:nth-child(3) { animation-delay:1.6s; display:inline-block; }
.bubbler mark:nth-child(4) { animation-delay:2.4s; display:inline-block;}
.bubbler mark:nth-child(5) { animation-delay:3.2s; display:inline-block;}
.bubbler mark:nth-child(6) { animation-delay:4s; display:inline-block;}
.bubbler mark:nth-child(7) { animation-delay:4.8s; display:inline-block;}
.bubbler mark:nth-child(8) { animation-delay:5.6s; display:inline-block;}
.bubbler mark:nth-child(9) { animation-delay:6.4s; display:inline-block;}
.bubbler mark:nth-child(10) { animation-delay:7.2s; display:inline-block;}
.bubbler mark:nth-child(11) { animation-delay:8s; display:inline-block;}
.bubbler mark:nth-child(12) { animation-delay:8.8s; display:inline-block;}
.bubbler mark:nth-child(13) { animation-delay:9.6s; display:inline-block;}
.bubbler mark:nth-child(14) { animation-delay:10.4s; display:inline-block;}
.bubbler mark:nth-child(15) { animation-delay:11.2s; display:inline-block;}
.bubbler mark:nth-child(16) { animation-delay:12s; display:inline-block;}

/* if you need more characters than 16 do this:
- copy the line above
- change the nth-child 16 to 17
- add 0.8 to the animation delay number */

@keyframes bubble {
from { color:black; }
50% { color:hotpink; }
to { color:black; }
}

@-webkit-keyframes bubble {
from { color:black; }
50% { color:hotpink; }
to { color:black; }
}





.float {
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, 10px); }
100% { transform: translate(0, -0px); }
}



    


@keyframes floating { 
0% { 
transform: translate(0,  0px); 
} 

50%  { 
transform: translate(0, 10px); 
} 

100%   {
transform: translate(0, -0px); 
} 
}     
    
 
 
.marquee
 {
    position: relative;
        margin-top: 40px;
    overflow: hidden;
}


.marquee-set {
    display: flex;
    align-items: center;
    gap: 80px;
    padding-right: 80px;
} 
 
 
 .marquee-track {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    animation: marquee 28s linear infinite;
 }
 
 
 .containerrightooo {
  background-image: url('pictures/a.jpg');
  background-position: bottom;
  background-repeat: repeat;
  background-attachment: stretch;
  width: 29.2em;
  height: 21.3em;
  border-radius: 15px 15px 15px 15px;
  position: absolute;
  left: 85.5em;
  top: 5em;
  border: 4px double black;
  box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}


.ooo1 {
width: 25em;
height: 18.5em;
position: absolute;
left: 1.7em;
top: 1em;


  border-width: 7px; 
  border-style: solid; 
  border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round; 
}



.cutephone {
position: relative;
width: 283px;
height: 500px;
margin: auto;
border: 14px #F2D5E6 solid;
border-top-width: 60px;
border-bottom-width: 60px;
border-radius: 36px;
z-index: 11;
}
 
.cutephone:before {
content: "";
display: block;
width: 60px;
height: 5px;
position: absolute;
top: -30px;
left: 50%;
transform: translate(-50%, -50%);
background: #DBB4CB;
border-radius: 10px;
}
 
.cutephone:after {
content: "";
display: block;
width: 35px;
height: 35px;
position: absolute;
left: 50%;
bottom: -65px;
transform: translate(-50%, -50%);
background: #F2D5E6;
border-radius: 50%;
box-shadow: inset 13px 0px 6px -10px #DBB4CBAD, inset -13px 0px 6px -10px #DBB4CBAD, inset 0px 13px 6px -10px #DBB4CBAD, inset 0px -13px 6px -10px #DBB4CBAD;
}

.white {
width: 283px;
height: 500px;
z-index: 1;
background: white;
}




#siwebring {
	color: black!important
}

#siwebring #templateWebring {
    font-family: trebuchet ms, sans-serif;
    text-align: center;
    width: 315px;
    height: 175px;
    background: url('/siwebring/siwidgetbg.png') no-repeat;
    background-size: cover;
    border: 3px #FF74B8 solid;
    font-size: 16px;
}

#siwebring #templateWebring a {
    color: #E7338C;
}

#siwebring #templateWebring a:hover{
    font-weight: bold;
}

#siwebring #webringboxes {
display: flex;
justify-content: center;
align-items: center;
padding-top: 10px;
height: 100px;
}

#siwebring #webringiconbox, #siwebring #iconWebring {
    width: 100px ;
    height: 100px;
    display: block;
}

#siwebring #webringiconbox {
    border: 3px solid #FF74B8;
    border-radius: 4px;

}

#siwebring #webringdescbox {
    width: 170px;
    margin-left: 20px;
}

#siwebring #webringdesc {  
    -webkit-text-stroke: white 3px;
    paint-order: stroke; 
}

#siwebring #webringlinks{
    width:100%;
    margin:auto;
}