@keyframes bg-loop {
    0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	} 

}
*{
    padding: 0px;
    margin: 0px;
}
body{
    height: 100vh;
    background: linear-gradient(45deg,rgb(13, 3, 146),#0f60c4, rgb(177, 20, 20),rgb(13, 3, 146),#0f60c4);
    background-repeat: no-repeat; 
    background-size: 600%;

    font-family: Arial, Helvetica, sans-serif;

    animation: bg-loop 120s linear infinite;
}

.container {
    box-sizing: border-box;
    display: flex;
    align-items:center;
    justify-content: center;
    height: 100%;
    text-align: center;
    flex-wrap: wrap;
}

.word {
    -webkit-text-stroke: white 2px;
    font-size: 5vw;
    color: transparent;
    margin-right: 2%;
    font-weight: 700;

}

@media screen and (max-width: 1200px) {
    .word {
        font-size: 7vw;
    }
}
@media screen and (max-width: 900px) {
    .word {
       flex-basis: 100%;
       font-size: 12vw;
    }
}
@media screen and (max-width: 500px) {
    .word {
       font-size: 20vw;
    }
}