body {
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    text-align: center;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    padding: 1rem;
    box-sizing: border-box;
}

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

.container {
    max-width: 800px;
    background: rgba(0, 0, 0, 0.5);
    padding: 2rem 4rem;
    border-radius: 10px;
}

h1 {
    font-size: 4rem;
    margin-bottom: 0.5rem;
}

p {
    font-size: 1.5rem;
    color: #ccc;
}