@import url('https://fonts.googleapis.com/css?family=Sour Gummy|Silkscreen|');


   body {
       width: 1250px;
       font-weight: bold;
       font-family: "Silkscreen";
       font-size: 8px;
       color: #000000;
       cursor: url("https://heathersaturnia.neocities.org/Mutt/deco/br2e3n.gif"), default;
       overflow-x: hidden;
   }

   #content {
       position: relative;
       width: 100%;
       max-width: 1250px;
       margin: 0 auto;
       padding: 0;
   }


   a {
       font-family: "Silkscreen";
       color: #E663FF;
       text-decoration: none;
   }

   a:hover {
       color: #62BEFF;
       cursor: url("https://heathersaturnia.neocities.org/Mutt/deco/9vvjso.gif"), default;
   }

   img.hue-hover:hover {
       animation-iteration-count: infinite;
       -webkit-filter: hue-rotate(360deg);
       -webkit-transition: 5s ease-in-out;
       -moz-filter: hue-rotate(360deg);
       -moz-transition: 5s ease-in-out;
       -o-filter: hue-rotate(360deg);
       -o-transition: 5s ease-in-out;
   }

   .bounce {
       animation: bounce 2s ease infinite;
   }

   @keyframes bounce {
       70% {
           transform: translateY(0%);
       }

       80% {
           transform: translateY(-15%);
       }

       90% {
           transform: translateY(0%);
       }

       95% {
           transform: translateY(-7%);
       }

       97% {
           transform: translateY(0%);
       }

       99% {
           transform: translateY(-3%);
       }

       100% {
           transform: translateY(0);
       }
   }

   @import url('https://fonts.googleapis.com/css?family=Sour Gummy|Silkscreen|');




   .player {
       background-color: transparent;
       padding: 1px;
       width: 70px;
       height: 80px;
       position: fixed;
       bottom: 10px;
       right: 60px;
       box-sizing: border-box;
       z-index: 9999;
   }


   .header {
       position: relative;
       margin-top: 0;
   }

   .now-playing-container {
       position: absolute;
       top: -20px;
       left: 2px;
       width: 67px;
       height: 15px;
       overflow: hidden;
       white-space: nowrap;
       font-family: 'Silkscreen';
       font-size: 7px;
       color: #000;
       background-color: #F0FF7E;
       opacity: 75%;

   }

   .scroll-text {
    display: inline-flex;
    gap: 3px; 
    animation: scroll 10s linear infinite;
    align-items: center;
   }

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

       100% {
           transform: translateX(-100%);
       }
   }


   .now-playing-container.small-font {
       font-size: 7px;
   }


   .current-song-container {
       flex-grow: 1;
       margin-left: 0;
       text-align: left;
   }

   #current-song {
       opacity: 1;
   }

   .song-title,
   .song-artist {
       display: inline;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       color: #000;
   }

   .controls {
       position: absolute;
       top: 29px;
       left: 27px;
       width: 45px;
       display: flex;
       gap: 0px;
       justify-content: center;
       align-items: center;
   }


   .player button {
       all: unset;
       background: transparent;
       color: #55A900;
       height: 15px;
       width: 15px;
       display: inline-flex;
       justify-content: center;
       align-items: center;
       font-size: 9px;
       margin: 0 -1px;
       cursor: url("https://heathersaturnia.neocities.org/Mutt/deco/a4eumm.gif"), pointer;


   }

   .player button:hover {
       background: #E4FF2C;
       color: #F0FF7E;

   }

   .toggleButton {
       all: unset;
       font-family: "Silkscreen";
       font-size: 12px;
       display: inline-block;
       padding: 3px 8px;
       cursor: url("https://heathersaturnia.neocities.org/Mutt/deco/9vvjso.gif"), pointer;
       background: #e0e0e0;
       border: 2px solid #c0c0c0;
       border-radius: 4px;
       border-right-color: #808080;
       border-bottom-color: #808080;
       color: #000;
       box-shadow: inset 1px 1px 0 #ffffff;
   }

   .toggleButton:active {
       border: 2px solid #808080;
       border-right-color: #c0c0c0;
       border-bottom-color: #c0c0c0;
       background: #d0d0d0;
       box-shadow: inset 1px 1px 0 #ffffff;
   }