::-webkit-scrollbar {
  scrollbar-width: none;

}
::-webkit-scrollbar-track {
background: #000000; /* color of the track */
}
::-webkit-scrollbar-thumb {
background-image: url(mouths.gif); 
border: 3px ridge black;
}
::selection {
  color: black;
  background-color: green;
}







body{
  scrollbar-width: none;
background: url(https://i.pinimg.com/1200x/dc/22/49/dc2249f90d00e5560a44d42fb7f75f66.jpg);
background-position: center;
  background-size: contain;

background-attachment: fixed;
	font-family: ms pgothic;
	overflow-x: hidden;
color: #0b1c01;
line-height: 1.0;
cursor: url(https://file.garden/Zz-qNyUl9S_S5UQM/kornsor.png), auto;
}

#poop{
  
  margin: 5px; padding: 10px; 
}


.quizes img{
max-width: 100%;
}

h2{
font-size: 40px;
  margin: 5px;
  font-family: smash;
color: red;
}


#brappp {
    display: block;
    font-size: 45px;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	margin: 0px;
    font-family: groove;
width: 430px;
}

.dashedd{
border: dashed 1px
}

a{
  color: green;
text-decoration: none;
font-weight: bold;
transition: 0.2s;
  cursor: url(https://file.garden/Zz-qNyUl9S_S5UQM/kornsorlink.png), auto;

}

a.class1{
color: red;
 text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
text-decoration: none;
font-weight: bold;
transition: 0.2s
}

a:hover{
font-style: italic;
color: black;
}

a.class2{
color: yellowgreen;
 text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
text-decoration: none;
font-weight: bold;
transition: 0.2s
}

.purple {
  background-image: url(https://file.garden/Zz-qNyUl9S_S5UQM/reddie.png);
  background-attachment: fixed;
  border: 3px outset darkred;
  font-size: 18px;
  width: 76%;
  padding: 7px;
  transition: 0.2s;
  font-family: momtype;
  opacity: 85%;
}

.pink {
  background-image: url(https://file.garden/Zz-qNyUl9S_S5UQM/greenie.png);
    background-attachment: fixed;
  border: 4px outset green;
  font-size: 18px;
  width: 77%;
  padding: 7px;
  transition: 0.2s;
  font-family: momtype;
    opacity: 85%;
}

ul img{
width: 10px;
}

a.class1:hover{
color: white;
}

a.class2:hover{
color: white;
}

.stamps img{
width:100px;
}

.purple:hover{
  transform: scale(105%);
  filter: brightness(115%);
    opacity: 100%;
}

.pink:hover{
  transform: scale(105%);
    filter: brightness(115%);
      opacity: 100%;


}

#salad{
position: absolute; top: -10px; left: -20px; transform: rotate(10deg); filter:drop-shadow(3px 3px 4px black);  transition: 0.5s;
}

#salad:hover{
transform: rotate(370deg); 
    transition: 0.5s;
}

#salad{
  
pointer-events: all;
  -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; 
}




#peet{
translate: 10em -3rem; filter: drop-shadow(9px 9px 5px black);animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  
  transition: 0.5s ease-in-out;
  
}
#peet:hover{
translate: 10em -3rem; filter: drop-shadow(9px 9px 5px black) saturate(150%);animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transition: 0.5s ease-in-out;
}

@font-face {
  font-family: smash;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/smash.ttf);
}

@font-face {
  font-family: mez;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/Mestizos.otf);
}

@font-face {
  font-family: momtype;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/Momt.ttf);
}


@font-face {
  font-family: dungeon;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/alagard.ttf);
}


@font-face {
  font-family: groove;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/actionis.ttf);
}

@font-face {
  font-family: bmbmbm;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/WitchingHour.ttf);
}



@keyframes bgScroll {
  0% {
    background-position : 1px 1px
  }
  100% {
    background-position : -800px -800px
  }
}

@keyframes bgScroll2 {
  0% {
    background-position : 1px 35px 
  }
  100% {
    background-position :800px -35px
  }
}
@keyframes bgScroll33 {
  0% {
 transform: translateX(75%);
  }
  100% {
 transform: translateX(-90%);
  }
}
@keyframes bgScroll22 {
  0% {
    background-position : -800px -0px 
  }
  100% {
    background-position :0px -0px
  }
}

@keyframes bgScroll3 {
  0% {
    background-position : -800px -800px 
  }
  100% {
    background-position :1px 1px
  }
}







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




@keyframes floatinggg {
    0% { transform: translate(0,  0px)}
    50%  { transform: translate(0, 9px)}
    100%   { transform: translate(0, -0px)}    
}