@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');

body{
    font-family: Orbitron, sans-serif;
    letter-spacing: 5px;
}

.parallax-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.parallax-image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; 
    transform: scale(1.5); 
    animation: parallax 180s infinite linear; 
}

@keyframes parallax {
    0% {
        transform: scale(1.75) translate(-20.5%, 20.5%); 
    }
    7.5% {
        transform: scale(1.5) translate(0, 0); 
    }
    12.5% {
        transform: scale(1.8) translate(10%, -10%); 
    }
    15% {
        transform: scale(1.8) translate(12%, -13%); 
    }
    20.5% {
        transform: scale(1.75) translate(19.5%, -17.5%); 
    }
    30% {
        transform: scale(1.5) translate(13%, -18%);
    }
    50% {
        transform: scale(1.3) translate(10%, -19%);
    }
    55.5% {
        transform: scale(1.4) translate(10%, -25%); 
    }
    65.5% {
        transform: scale(1.7) translate(9%, -30%); 
    }
    70.5% {
        transform: scale(1.9) translate(9%, -35%); 
    }
    75.5% {
        transform: scale(1.9) translate(9%, -35%); 
    }
    85% {
        transform: scale(1.7) translate(5%, -10%); 
    }
    90% {
        transform: scale(1.6) translate(-15%, 2.5%); 
    }
    95% {
        transform: scale(1.65) translate(-10.5%, 3.5%); 
    }
    100% {
        transform: scale(1.75) translate(-22.5%, 20.5%); 
    }
}