credit

<a target="_blank" href="https://roleplay.chat/profile.php?user=CrossRoads" target="_blank"><div class="trash" title="Demonic Aesthetics"></div></a>

^^Goes in the html after the </style> part of the code


.trash {
position: absolute;
margin: auto;
top: 90%;
left: 95%;
background-image:url(https://i.imgur.com/Q3BKJog.png);
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
height: 8%;
width: 4%;
cursor: pointer;
filter: brightness(5);
-webkit-animation:spin 20s linear infinite;
z-index: 99;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
} }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
} }
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
} }
.trash:hover {
animation-play-state: paused;
}


^^Goes with the rest of the css part of the code in the style.