/* CURSOR CSS */

bubles {
  border-radius:100%;
  position: absolute;
  pointer-events: none;
  background: #984E1D;
  box-shadow:  10px 10px 30px #8C3D0F, 
             -10px -10px 30px #8C3D0F;
  transform: translate(150%, 100%);
  animation: colorgen 1s infinite;
  
  mix-blend-mode: screen;
  filter: blur(1.5px);
}

@keyframes colorgen {
  0% {
    opacity: 1;
    background: #6E7034;
  }
  100% {
    opacity: 0;
    background: #362704;
  }
}



/* TEXT CSS */

::selection{
background: rgba(0, 0, 0, 0);

}

h1{
  font-family: evernight;
  font-weight: 300;
}


a{
text-decoration: none;
color: #826C42;
transition: 0.2s;
}

a:hover{
text-decoration: none;
color: #826C42;


-webkit-animation: glow 2.0s linear infinite;
          animation: glow 2.0s linear infinite;
          

font-size: 8.5px;
cursor: url("/cursors/lily.png"), default;
}

a:visited{
text-decoration: none;
color: #735325;
}

@keyframes glow {
0% {
text-shadow: 0 0 3px #96793A;
}

50% {
text-shadow: none;
}

100% {
text-shadow: 0 0 3px #96793A;
}
}

@-webkit-keyframes glow {
0% {
text-shadow: 0 0 3px #96793A;
}

50% {
text-shadow: 0 0 0;
}

100% {
text-shadow: 0 0 3px #96793A;
}
}

p{
font-family: elegance;
font-size: 9px;
color: #A68755;
}

img{
  image-rendering: pixelated;
}

.item{
  transition: 0.2s;
}

.item:hover{
  filter: drop-shadow(0 0 2px #A68755);
}


/* FONTS CSS */

@font-face {
    font-family: "dogica"; 
    src: url("/fonts/dogica.ttf") format("truetype");
}

@font-face {
    font-family: "elegance"; 
    src: url("/fonts/elegance.ttf") format("truetype");
}

@font-face {
    font-family: "evernight"; 
    src: url("/fonts/evernight.ttf") format("truetype");
}



/* TOOLTIP AND ROTATION */

.tooltip {
    text-decoration:none;
    position:relative;
}
.tooltip span {
    color: #A68755;
    text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
    display:none;
    background: #;
    padding: 2px;
    font-family: elegance;
    font-size: 9px;
    z-index: 100;

}
.tooltip:hover span {
    display: inline-block;
    position: fixed;
    overflow:hidden;
    z-index: 100;
}

.rotating-letters{
  animation: rotating 5s infinite linear;
  display: inline-block;
}

@keyframes rotating{
  0%
  {
    transform: rotate(0deg) translate3d(2px, 0px, 1px) rotate(0deg) skewY(5deg);
  }
  
  100%
  {
    transform: rotate(360deg) translate3d(2px, 0px, 1px) rotate(-360deg) skewY(-5deg);
  }
}



/* SCROLLBAR */


        ::-webkit-scrollbar {
        width: 17px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar:horizontal {
        height: 17px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-corner {
        background: #eee;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:vertical {
        background: linear-gradient(90deg, #000, #000 , #000);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(180deg, #000, #000 , #000);
        border-radius: 5px;
        }

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

        ::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(90deg, #000 0%, #000 25%, #9F8817 50%, #000 75%, #000 100%);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(90deg, #000 0%, #000 25%, #9F8817 50%, #000 75%, #000 100%);
        border-radius: 5px;
        }