@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Black+Ops+One&family=Blaka&family=Hepta+Slab:wght@1..900&family=Lacquer&family=Lugrasimo&family=Nerko+One&family=Rubik+Glitch&family=Rubik+Wet+Paint&family=Sedgwick+Ave+Display&family=Special+Elite&family=UnifrakturCook:wght@700&family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap');
html {scrollbar-color: #35010ca9 black ;}
body  {
    background-color: #710318;
    background-image: url('graphics/bg2.png');
    animation: bg-animation;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-family: Special Elite;
    width:100vw;
    height:100vh;
    margin:0px;
    overflow-x: hidden;
    
    color:white;
}

@keyframes bg-animation {
    from {background-position-x: 0px;
    background-position-y:0px}
    to {background-position-x: 142px;
    background-position-y: 120px;}
}

@keyframes fade-in {
    0% {opacity: 0%; scale:.5}
    33% {opacity: 0%; scale:.5}
    100% {opacity: 100%; scale:1}
}

@keyframes glow {
    0% {filter:drop-shadow(0px 0px 0px rgb(0, 0, 0))}
    50% {filter:drop-shadow(0px 0px 5px rgb(199, 131, 131))}
    100%{filter:drop-shadow(0px 0px 0px rgb(0, 0, 0))}
}

@keyframes slide-right {from {transform: rotate(45deg) translateX(100%) scale(.5)}
to {transform: rotate(0deg) translateX(0%) scale(1)}}

@keyframes slide-left {from {transform: translate(-150%, 200%) scale(.5) rotate(-60deg)}
to {transform: translate(0%, 0%) scale(1) rotate(0)}}

@keyframes slide-left1 {from {transform: translate(-150%, 0%)}
to {transform: translate(0%, 0%)}}

@keyframes slide-down {from {transform: rotate(-60deg) translateY(-300%) scale(.1)}
to {transform: rotate(0deg) translateY(0%) scale(1)}}
@keyframes float {0% {
    transform: translatey(-1.5%);
}
50% {
    transform: translatey(1.5%); 
}

100% {
    transform: translatey(-1.5%)
}}

@keyframes breathe {
    0% {
        background-size:490px;
    }
    50% {
        background-size:600px;
    }
    100% {
        background-size: 490px;
    }
}
a {color:inherit;
transition:.2s}
a:hover {color:#ff6783;
text-shadow: 0px 0px 0px white}

img {max-width:100%}