@keyframes back {
	from {
		background-position: 0% 100%;
	}
	to {
		background-position: 100% 0%;
	}
}
.comp {
	display: flex;
	flex-flow: column nowrap;
	gap: 3em;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: linear-gradient(45deg, #7b54a3, #df5394);
	background-size: 200% 200%;
	animation: back 10s ease-in-out infinite alternate;
}
.container{
border-radius: 1em;
background: rgba(255,255,255,.5);
color: black;
text-align:center;
padding: 1em;
}