myspace windows 93 net arrows at start css

@keyframes right {
to {
bottom: 90%;
left: 100%;
transform: rotate(-45deg);
}
}

#container:not(:target)::before {
    content: url(https://epic-gamer-cats.neocities.org/right.png);
    position: fixed;
    bottom: -5%;
    left: -30%;
    animation: right 3s linear forwards;
    animation-delay: 1s;
    z-index: 40;
    opacity: 5;
    width: 100px;
    height: 100px;
}
@keyframes left {
to {
bottom: 90%;
right: 100%;
transform: rotate(45deg);
}
}

#container:not(:target)::after {
    content: url(https://epic-gamer-cats.neocities.org/left.png);
    position: fixed;
    bottom: -5%;
    right: -30%;
    animation: left 3s linear forwards;
    animation-delay: 1s;
    z-index: 40;
    opacity: 5;
    width: 100px;
    height: 100px;
}