.gamebody {
	width: 500px;
	height: 500px;
	background-color: #38454C;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 20px rgba(0, 0, 0, 0.19);
	border-radius: 20px;
	margin: auto;
	margin-top: 30px;
	display: grid;
	grid-template-columns: 20% 20% 20% 20%;
	grid-template-rows: 20% 20% 20% 20%;
	grid-gap: 4%;
	justify-content: center;
	align-content: center;
}

.gamebody div {
	background-color: #647178;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
}

.gamevalues {
	width: 500px;
	height: 500px;
	margin: auto;
	margin-top: -500px;
	display: grid;
	grid-template-columns: 20% 20% 20% 20%;
	grid-template-rows: 20% 20% 20% 20%;
	grid-gap: 4%;
	justify-content: center;
	align-content: center;
}

.gamevalues div {
	overflow: hidden;
    display: flex;
	border-radius: 10px;
	color: #ACE6E0;
	font-size: 300%;
	font-weight: 400;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.gamevalues .v2 {
    background: linear-gradient(-45deg,
    #134E5E,
	#71B280
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v4 {
    background: linear-gradient(-45deg,
    #00b09b,
	#96c93d
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v8 {
    background: linear-gradient(-45deg,
    #38ef7d,
	#11998e
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v16 {
    background: linear-gradient(-45deg,
    #3f2b96,
	#a8c0ff
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v32 {
    background: linear-gradient(-45deg,
    #6C5B7B,
	#355C7D
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v64 {
    background: linear-gradient(-45deg,
    #a17fe0,
	#5D26C1
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v128 {
    background: linear-gradient(-45deg,
    #3c1053,
	#ad5389
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v256 {
    background: linear-gradient(-45deg,
    #240b36,
	#c31432
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v512 {
    background: linear-gradient(-45deg,
    #240329,
	#78083A
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
}

.gamevalues .v1024 {
    background: linear-gradient(-45deg,
    #ED213A,
	#93291E
	);
    background-size: 1000% 1000%;
    animation: gradient 10s ease infinite;
	font-size: 250%;
	font-weight: 500;
}

.gamevalues .v2048 {
    background: linear-gradient(-45deg,    
	#19cb07,
    #505050,
    #4CAF50,
    #007bff,
    #6f42c1,
    #e44d26,
    #4a148c,
    #00acc1
	);
    background-size: 1000% 1000%;
    animation: gradient 6s ease infinite;
	font-size: 250%;
}

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