@keyframes forRenamer {
    0% {opacity: 0; width: 0.1%; height: 0.1%; border-radius: 1px; transform: translateY(250px); filter: blur(10px)}
    25% {opacity: 0,5; width: 1%; height: 0.5%; border-radius: 1px; transform: translateY(200px); filter: blur(9px)}
    75% {opacity: 1; width: 5%; height: 1%; border-radius: 4px; transform: translateY(50px); border: 3px solid #AAFFAA33; filter: blur(7px)}
    100% {opacity: 1; width: 20%; height: 5%; border-radius: 10px; border: 3px solid #AAFFAA33}
}
@keyframes forRenamerDown {
    100% {opacity: 0; width: 0.1%; height: 0.1%; border-radius: 1px; transform: translateY(250px); filter: blur(10px)}
    75% {opacity: 0,5; width: 1%; height: 0.5%; border-radius: 1px; transform: translateY(200px); filter: blur(9px)}
    25% {opacity: 1; width: 5%; height: 1%; border-radius: 4px; transform: translateY(50px); border: 3px solid #AAFFAA33; filter: blur(7px)}
    0% {opacity: 1; width: 20%; height: 5%; border-radius: 10px; border: 3px solid #AAFFAA33}
}