button {
    color:rgb(41, 22, 254);
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    font-family: "빛의 계승자 bold";
    text-shadow: 1px 1px #949494;
    background-image: url("/images/WIN_20230611_20_53_15_Pro.jpg");

    background-position: center center;
    border:2px solid rgb(205, 178, 224);
    border-radius: 3%;
    width: 300px; height:  50px;
    


}

#btn2048 {
    color:rgb(32, 32, 32);
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    font-family: "빛의 계승자 bold";
    background-image: url("/images/2048pic.png");
    text-shadow: 1px 1px #949494;
    background-size: contain;
}


#calc {
    color:rgb(32, 32, 32);
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    font-family: "빛의 계승자 bold";
    background-image: url("/images/계산기.png");
    text-shadow: 1px 1px #949494;
    background-size: contain;
}

.histories {
    display: none;
    
}
.calc {
    color: black;
    background-color: white;
    background-image: none;
    width: 60px;

}
.hey {
    animation:moveAnimation 0.5s infinite;
}


@keyframes moveAnimation {
	from {
		transform: translate(-200px, 0px);
	}
	to {
		transform: translate(0px, 0);
	}
}

@keyframes moveAnimation2 {
	from {
		transform: translate(0px, -200px);
	}
	to {
		transform: translate(0px, 0px);
	}
}

@keyframes moveAnimation3 {
	from {
		transform: translate(200px, 0px);
	}
	to {
		transform: translate(0px, 0px);
	}
}


.sb{
    animation:moveAnimation2 0.5s infinite;
}

.gs{
    animation:moveAnimation3 1s infinite;
}