html{
    width:100%;
    height:100%;
}
body {
    width:100%;
    height:100%;
	background: linear-gradient(-45deg, #f15a69, #885365, #3d4e60, #114b5f);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.card{
    position:absolute;
    left:51%;
    top:51%;
    transform:translate(-51%, -51%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}