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

@keyframes text {
    0% {
        font-size: 5rem;
    }
    50% {
        font-size: 10rem;
    }
    90% {
        font-size: 50rem;
        color: red;
    }
}

body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-60deg, #D16BA5, #86A8E7, #5FFBF1);
    background-size: 400%;
    animation: gradient 15s alternate infinite;
}
    
h1 {
    font-family: Arial, Helvetica, sans-serif;
    animation: text 5s alternate infinite;
}