@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
@font-face {
    font-family: toocute;
    src: url(toocute.ttf);
    } 
body {
    background-color: black;
    color: red;
    font-family: 'Comic Neue';
    cursor: url(https://cur.cursors-4u.net/user/use-1/use62.cur), auto;
    scrollbar-color: gray red;
    font-family: 'toocute', cursive;
}
body :hover {
    cursor: url(https://cur.cursors-4u.net/user/use-1/use62.cur), auto;
}
.stanDance {
    height: 15vh;
    width: auto; 
    margin: -70px;
}
.kids {
    height: auto;
    width: 20%;
    display: inline-block;
}
p {
    font-size: 1.5em;
}
span {
    font-size: small;
    position: sticky;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.823);
}
.poop:hover {
    cursor: url('/image.png'), auto;
    box-shadow: 0 0 20px white;
    animation: shakira 0.5s infinite;
  }
.poop {
    height: 20vh;
    width: auto;
    display: inline-block;
}
.shit {
    width: 1100px;
    height: auto;
    border-color: white;
    border-style: dashed;
    border-width: 3px;
    animation: pride 3s infinite;
    background-color: black;
}
.sheffrard {
    position: absolute;
    top: 0;
}
.sheffrard1 {
    left: 0;
}

.sheffrard2 {
    right: 0;
}

a {
    color: red;
}
a:hover {
    color:rgb(234, 94, 150)
}
.tear {
    background-image: url(https://files.catbox.moe/5t4s1d.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color:chartreuse;
    
    height: 627px;
    width: 1510px;
}

.confession {
    background-color: hsl(0, 0%, 0%, 70%);
    background-size: cover;
    font-size: 30px;
}

.kys, .keepyourselfsafe, .killyourself, .erm {
    animation: rainbow 3s infinite;
    background-color: yellow;
    font-size: 40px;
    color:rgb(10, 239, 255);    
}
.erm {
   background-color: black;
}
.tear span {
    position: absolute;
}
.kys {
    background-image: url(/images/gesus.jpg);  
}
.keepyourselfsafe {
    background-image: url(https://files.catbox.moe/ubpsk7.gif);
}
.killyourself {
    background-image: url(https://files.catbox.moe/ffxskf.png);
}

@keyframes rainbow {
    0% {
        color: red;
    }
    10% {
        color: orangered;
    }
    20% {
        color: orange;
    }
    30% {
        color: yellow;
    }
    40% {
        color: lime;
    }
    50% {
        color:rgb(2, 255, 2)
    }
    60% {
        color:rgb(64, 224, 152)
    }
    70% {
        color: turquoise;
    }
    80% {
        color: cornflowerblue;
    }
    90% {
        color: blue;
    }
    95% {
        color: rgb(137, 52, 235);
    }
    100% {
        color: red;
    }
}

@keyframes pride {
    0% {
        border-color: red;
    }
    10% {
        border-color: orangered;
    }
    20% {
        border-color: orange;
    }
    30% {
        border-color: yellow;
    }
    40% {
        border-color: lime;
    }
    50% {
        border-color:rgb(2, 255, 2)
    }
    60% {
        border-color:rgb(64, 224, 152)
    }
    70% {
        border-color: turquoise;
    }
    80% {
        border-color: cornflowerblue;
    }
    90% {
        border-color: blue;
    }
    95% {
        border-color: rgb(137, 52, 235);
    }
    100% {
        color: red;
    }
}
.stop {animation: rainbow 6s infinite};
.ugh {
  font-family: 'Quintessential', cursive; 
  color: white;
}

#p {
    width: 600px;
    height: 403.2px;
    margin-left: 30px;
    font-family: 'Quintessential', cursive;
    background-color: rgb(48, 48, 48);
    color:azure;
    font-size: 40px;
    border-color: white;
    border-style: dashed;
    border-width: 2px;
    
}
.div {
    width: 1510.2px;
    height: auto;
}
.mot {
    position: absolute;
    left: 600px;
    top: 200px;
}


.silkmoth {
    width: 66px; height: 46px;
    position: relative;
    bottom: 0;
}

.sadcat {
    height: 20%;
    width: 20%;
}
.anakin {
    color:black;
    background-color: #e5c054;
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=6982) auto;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: larger;
    width: 1000px;
    text-align: center;
    
}
.kinimagge {
    width: 140px; height: 110px;
}
.water, .constipation, .emerald, .angel, .pinkiepie, .marj, .imagine, .high, .autism, .nfts, .male, .text, .stan {
    width: 600px;
    height: auto;
    margin-top: 40px;
}
.police {
    margin-top: 200px;
    width: 500px;
    height: 150px;
    font-size: 30px;
    color: black;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: #03e2ff;
    animation: police 5s infinite;
}


.water {
    background-color: aqua;
}
.constipation {
    background-color: rgb(93, 56, 31);
    color: yellow;
}
.emerald {
    background-color: darkseagreen;
    color:darkolivegreen;
    height: 500px;
}
.bottle {
    animation: water 6s infinite;
}

@keyframes water {
    0% {
      transform: none;
     margin-left: 100%;
      
    }
  
    50% {
      margin-left: -300%;
  animation-play-state: paused 3s;
    transform: scaleX(-1);
      
    }
    100% {
      animation-play-state: paused 3s;
     margin-left: 100%
    }
  }
  .eye {
    margin-top: 150px;
    font-family: 'Quintessential', cursive;
    background-color: #221e1e;
    color:#eeda9f;
    border: 5px solid #eeda9f;
    text-shadow: 2px 2px 0 #aa1bbc;
    width: 400px;
    height: 250px;
  }
  .eyes {
    height: 650px;
    width: 1300px;
    background-image: url(/images/eye.gif);
    background-repeat: repeat;
    display: inline-block;
  }
  
  
  #oranges {
    background-image: url(/images/hello\ kitty\ emoji.jpg);
    background-repeat: repeat;
    height: 900px;
    width: 1290px;
    margin-top: 50px;
    color: orange;
    font-size: 30px;
    text-shadow: 2px 1px 0 #000000;
    border: 5px double pink;
  }
  .oranges {
    background-color: #0000005f;
  }
  
  .single {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 90px;
    animation: single 5s infinite;
    height: 680px;
    width:1500px;
  }
  .airo {
    background: linear-gradient(rgb(255, 0, 136), #c800ff, blue);
    color: black;
    border: 5px double #ed84fb;
    font-size: 40px;
    width: 1000px;
    height: 680px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .scat {
    height: 48%;
    width: auto;
  }
  .macaroni {
    margin-top: 150px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgb(83, 83, 14);
    color: rgb(255, 221, 0);
    text-shadow: 2px 2px 0 #000000ad;
    border: 3px double rgb(246, 246, 133);
    width: 300px;
    height: 300px;
  }
  .catholic {
    background-color: #e9b6c1;
    color:rgb(48, 48, 48);
    width: 300px;
    height: 400px;
    margin-top: 150px;
    font-family: 'Quintessential', cursive;
    border: 10px solid rgb(232, 227, 139);
    text-shadow: 2px 2px 0 #03e2ff, 2px 6px 0 #aa1bbc;
    text-decoration: underline line-through blue;
  }
  #nirvanangel {
    position:absolute;
    left: 0;
    top: 0;
  }
  #maria {
    position: absolute;
    height: 60vh;
    left: 300px;
    top: 200px;
  }
  .ash {
    filter: hue-rotate(-540deg);
  }
  .fancy {
    font-family: 'Quintessential', cursive;
    background-color: white;
    color: black;
    font-size: 3em;
  }
  .wound, .bunny, #maria, #nirvanangel {
    position: absolute;
  }
  .wound {
    height: 60vh;
    position: absolute;
    right: 200px;
    top: 200px;
  }
  .cathy {
    margin-top: 150px;
  }
  .bunny {
    height: 30vh;
    top: 0;
    right: 0;
  }
  @keyframes single {
    0% {
      color: white;
      background-color: #000000;
      
    }
    20% {
        color:#000000;
        background-color: white;
    }
    50% {
      color: white;
      background-color: black;
    }
    70% {
        color: black;
        background-color: white;
    }
    100% {
     color: white;
     background-color: black;
    }
  }
.player {
    position: absolute;
}
#player {
    top: 250px;
}

.CONSTIPATION {
    animation: water 6s infinite;
}
.time {
    background-color: black;
}

.hellokitty {
    font-family: 'Quintessential', cursive;
    background-color:aliceblue;
    color: black;
    height: 10.5in;
    width: 8in;
    margin: auto;
}
.hkh2 {
    text-align: right;
    position: relative;
    top: 400px;
}
.hkp {
    text-align: center;
    font-size: x-large;
    position: relative;
    top: 200px;
}
.hk {
    position: absolute;
    margin-left: 30px;
}
.hk1 {
    right: 1px;
    margin-right: 30px;
}
.angyboy {
    width: 475px; height: 365px;
    position: relative;
    top: 395px;
}
.suckypath {
    position: absolute;
    top: 0;
    
}
button {
    background-color: pink;
    border: 10px double black;
    position: absolute;
    top: 80px;
    left: 0;
    font: 45px 'toocute';
    box-shadow: 0 9px #00000049;
}
button:hover {
    background-color: rgb(210, 156, 165);
}
button:active {
    box-shadow: 0 5px #00000049;
    transform: translateY(4px);
    background-color: pink;
  }
.HOE {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-image: url(https://files.catbox.moe/8fee89.webp);
    background-repeat: repeat;
    height: auto;
    width: 1500px;
    word-wrap: break-word;

}

.danganhater {
    background-color: rgba(249, 167, 167, 0.629);
    color:rgb(123, 12, 71);
}
.pinkiepie {
    background-color: pink;
    animation: rainbow 6s infinite;
    
}
.pink {
    animation: water 6s infinite;
}
.invite {
    background-color: white;
}
.warning {
    color: rgb(118, 8, 8);
    font-family: 'Creepster', cursive;
    font-size: 60px;
}
.birthdayphotos {
    position: fixed;  
}
#bear {
    left: 105px;
}
#clown {
    left: 255px;
}
#angel {
    top: 300px;
}
#walking {
    right: 350px;
}
#stomach {
    right: 150px;
}
#liver {
    left: 205px;
    top: 300px;
}
#lungs {
    top: 500px;
}
#pancreas {
    top: 500px;
    left: 205px;
}
#kidneys {
    top: 200px;
    right: 290px;
}
#sheffrard {
    top: 400px;
    right: 100px;
}
.marj {
    font-family: 'Quintessential', cursive;
    color: black;
    background-color: whitesmoke;
    background-image: url(/images/marjorine.png);
    background-repeat: repeat;
}
.swmarj {
    background-color: whitesmoke;
}
.feces {
    font-size: 350px;
}
#pissbot {
    font-size: 2rem;
    position: sticky;
    bottom: 20px;
    animation: rainbow 6s infinite;
}
#piss {
    position: relative;
    bottom: 100px;
    background-color: black;
    color: rgb(235, 198, 51);
    font-family: 'Quintessential', cursive;
}
.imagine {
    background-color: rgb(133, 32, 32);
    color: white;
}
.high {
    background-color: rgb(63, 13, 13);
    color:#ffedb7;
    font-family: 'Quintessential', cursive;
}
#shawty {
    width: 472px; height: 570px;
}
.autism {
    background-image: url(/images/minijerma.jpg);
    background-repeat: repeat;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(175, 175, 175);
}
.auti {
    background-color: rgba(0, 0, 0, 0.621);
}
.nfts {
    background-image: url(https://files.catbox.moe/e1m6lg.jpg);
    text-shadow: 2px 2px 0 #000000, 2px 6px 0 #000000;
    color: rgb(94, 214, 3);
    font-size: 30px;
}
.male {
    word-wrap: break-word;
    background-image: url(/images/boxers.png);
    background-repeat: repeat;
    color: white;
}
#wayyyyyyy {
    width: 288px; height: 356px;
}
.canes {
    color:#e5c054;
    border-color: #e5c054;
    border-style: dashed;
    border-width: 3px;
    height: auto;
    width: 600px;
}
.red {
    color: red;
}
.orange {
    color: orangered;
}
.colors {
    font-size: 20px;
    width: 1000px;
    height: 100px;
}
.condoms {
    font-family: 'Quintessential', cursive;
    color:cornflowerblue;
}
.stan {
    background-image: url(https://files.catbox.moe/uy4877.png);
    background-repeat: repeat;
}
#stan {
    width: 409px; height: 478px;
}
#stann {
    animation: rainbow 6s infinite;
    background-color: #000000b7;
}
@keyframes dance {

    0% {
      margin-left: 0%;
  animation-play-state: paused 3s;
    transform: scaleX(-1);
      
    }
    50% {
      animation-play-state: paused 3s;
     margin-left: 0;
    }
    100% {
        margin-left: 0%;
        animation-play-state: paused 3s;
        transform: scaleX(1);
    }
  }
  #marj {
    animation: dance 3s infinite;

  }
@keyframes shake {
	0%,
	100% {
		transform: translateX(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateX(-10px);
	}

	20%,
	40%,
	60% {
		transform: translateX(10px);
	}

	80% {
		transform: translateX(8px);
	}

	90% {
		transform: translateX(-8px);
	}
}
.xmas {
    animation: police 6s infinite;
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar {
  display: none;
}
@keyframes police {
    0% {
		transform: scale(0.05);
        background-color: red;
	}
10% {
    background-color: blue;
}
20% {
    background-color: red;
}
30% {
    background-color: blue;
}
40% {
    background-color: red;
}
50% {
    background-color: blue;
}
60% {
    background-color: red;
}
70% { 
    background-color: blue;
}
80% {
    background-color: red;
}
90% {
    background-color: blue;
}
	100% {
		transform: scale(3);
        background-color: red;
	}
}


.excited {
    animation: dancedance 1.5s infinite;
    margin-top: 250px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
}


@keyframes dancedance {
    0% {
        color: red;
        font-size: 10px;
    }
    10% {
        color: orangered;
        font-size: 20px;
    }
    20% {
        color: orange;
        font-size: 30px;
    }
    30% {
        color: yellow;
        font-size: 40px;
    }
    40% {
        color: lime;
        font-size: 50px;
    }
    50% {
        color:rgb(2, 255, 2);
        font-size: 60px;
    }
    60% {
        color:rgb(64, 224, 152);
        font-size: 70px;
    }
    70% {
        color: turquoise;
        font-size: 80px;
    }
    80% {
        color: cornflowerblue;
        font-size: 90px;
    }
    90% {
        color: blue;
        font-size: 100px;
    }
    95% {
        color: rgb(137, 52, 235);
        font-size: 105px;
    }
    100% {
        color: red;
        font-size: 10px;
    }
}
.slides {
    height: 80vh;
    width: auto;
}
h2 {
    margin-top: 50px;
}
.warnin {
    font-family: Arial, Helvetica, sans-serif;
    background-color: black;
    color: #e5c054;
    position:fixed;
    top: 0;
    font-size: 2.5em;
    height: 700px;
}
.butt {
    background-color: grey;
    color: #e5c054;
    position: static;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    text-decoration: underline;
}
.butt:hover {
    background-color: rgb(69, 69, 69);    
}
.butt a {
    color: #e5c054;
}

  
  @keyframes shakira {
    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);
    }
  }
  .float {
    animation: float 6s infinite;
  }
  @keyframes float {
    0% {
        margin-top: 40px; 
    } 
    20% {
        margin-top: 80px;
   
} }