* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: AGRESSIVE;
    src: url(/assets/Fonts/AGRESSIVE.otf);
}

body {
    background-color: #111111;
    color: #EEEEEE;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100vh;
    width: 100vw;


}


img {
    z-index: -1;
    width: 70%;
    height: auto;
    position: absolute;

    filter: blur(10px);
    opacity: 0.1;
}

@media screen and (max-width: 720px) {
    img {
        filter: blur(6px);
    }
}

h1 {
    transform: translateY(-5vh);
    animation-name: levit;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    font-size: 5vw;

    font-family: AGRESSIVE;
}

@keyframes levit {
    100% {
        transform: translateY(5vh);
    }
}