body {
	background: linear-gradient(-45deg, #ee7752, #642B73, #C6426E, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
    
	height: 100vh;
    
    margin: 0;
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.button{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vh;
    height: 60px;
    background-color: rgb(83, 83, 83);
    opacity: 92%;
    color: rgb(255, 255, 255);
    font-size: large;
    border-radius: 25px;
}
.text{
    
}

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


@media screen and (max-width: 480px) {
    body {
        background: linear-gradient(-45deg, #ee7752, #642B73, #C6426E, #23d5ab);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
        height: -webkit-fill-available;
        
        margin: 0;
        font-family: 'Roboto', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    
}