<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #000;
margin: 0;
padding: 0;
}
#fireworks {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
border-radius: 50%;
animation: fireworks 5s ease-in-out infinite;
}
@keyframes fireworks {
0% {
background-color: #ff0000;
}
50% {
background-color: #00ff00;
}
100% {
background-color: #0000ff;
}
}
</style>
</head>
<body>
<div id="fireworks"></div>
</body>
</html>