body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 3cm;
}
#batanclick{
    font-family: 'Courier New', Courier, monospace;
    background-color: rgb(0, 38, 255);
    animation-name: slideUp;
    animation-duration: 1.5s;
    background: linear-gradient(12deg, #016CFE, #034298);
}
#points {
    animation-name: slideUp;
    animation-duration: 1s;
}
@keyframes slideUp{
    from{transform: translateY(200%)}
    from{opacity: 0;}
}
@keyframes EVENTTEXT{
    from{transform: translateY(200%)}
    from{opacity: 0;}
    from{transform: translateX(100%)}
}
#spend {
    width: 800px;
    height: 50px;
    animation-name: slideUp;
    animation-duration:2s;
    background-color: green;
    color: lightgreen;
    font-family: 'Courier New', Courier, monospace;
    font-size: 30px;
    background: linear-gradient(12deg, #69E603, #479D00);
}
#title {
    animation-name: slideUp;
    animation-duration: 1s;
}
#event {
    animation-name: EVENTTEXT;
    animation-duration: 1s;
    font-size: 50px;
    color: lightgreen;
}
#discord {
    font-size: 50px;
    color: rgba(0, 162, 255, 0.603);
    
}
#reset {
    width: 800px;
    height: 50px;
    animation-name: slideUp;
    animation-duration:2s;
    background-color: rgb(128, 0, 0);
    color: rgb(255, 255, 255);
    font-family: 'Courier New', Courier, monospace;
    font-size: 30px;

}