::-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: rebeccapurple;
  background-color: mediumpurple;
} 







body{
  scrollbar-width: none;
background: url(dots.jpg);
background-position: center;
background-attachment: fixed;
	font-family: ms pgothic;
	overflow-x: hidden;
color: whitesmoke;
line-height: 1.0;
    animation: bgScroll 50s linear infinite;
cursor: url(https://file.garden/Zz-qNyUl9S_S5UQM/fartshart.png), auto;
}



html{
image-rendering: pixelated;
  
}

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




#brappp {
    display: block;
    font-size: 40px;
    font-weight: bold;
	color: lightyellow;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	margin: 0px;
    font-family: bmbmbm;
width: 430px;
}

.dashedd{
border: dashed 2px black
}

a{
  color: hotpink;
text-decoration: none;
font-weight: bold;
transition: 0.2s
}

a.class1{
color: #cab0ff;
 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: purple;
}

a.class2{
color: pink;
 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/qjind.png);
  background-attachment: fixed;
  border: 3px solid black;
  font-size: 18px;
  width: 76%;
  padding: 7px;
  border-radius: 15px;
  transition: 0.2s;
  font-family: witch;
  opacity: 85%;
}

.pink {
  background-image: url(https://foollovers.com/mat/dot/p24-bg-polkadot.gif);
    background-attachment: fixed;
  border: 4px solid black;
  font-size: 18px;
  width: 77%;
  padding: 7px;
  border-radius: 15px;
  transition: 0.2s;
  font-family: witch;
    opacity: 85%;
}

li {
background: linear-gradient(180deg,rgba(38, 15, 59, 1) 25%, rgba(69, 32, 92, 1) 42%, rgba(63, 36, 92, 1) 58%, rgba(110, 91, 122, 1) 100%);  padding: 3px;
  list-style-type: none;
  border: 1px solid lightyellow;
  width: 230px;
  padding: 4px;
  color: hotpink;
  font-size: 13px;
  pointer-events: all;
  z-index: 900;
  border-radius: 6px;
}

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


}

#eye{
position: absolute; top: -40px; left: -60px; transform: rotate(-30deg); filter: drop-shadow(4px 4px 5px black);    transition: 0.3s;
}

#eye:hover{
transform: rotate(340deg); 
    transition: 0.5s;
}

#eye{
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; 
}

#eye:hover + .credits{
        opacity: 100;
  -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; 
    width: 170px;
    height: 280px;
}


.credits{
    font-size: 24px;
      display: block;
    position: absolute;
top:190px;
    left: -160px;
background-image: url(https://foollovers.com/mat/dotbl/h01-bg-black-dot.gif);
    background-position: center;
    width: 0px;
    height: 0px;
    box-shadow:0px 0px 8px 10px #000;
    padding: 5px;
opacity: 0;
  z-index: 2;
    color: white;
  -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; 
    font-family: creep;
}

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

@font-face {
  font-family: witch;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/Jack%20Sketcher.ttf);
}

@font-face {
  font-family: ghost;
  src: url(https://file.garden/Zz-qNyUl9S_S5UQM/Ghostober%20Bold%20otf.otf);
}


@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 bgScroll22 {
  0% {
    background-position : -800px -10px 
  }
  100% {
    background-position :10px -10px
  }
}

@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)}    
}