.typewriter h1 { color: #fff; overflow: hidden; white-space: nowrap; margin: 0 auto; animation: typing 4.5s steps(30, end), vanish 1s 4.5s forwards infinite;}@keyframes typing { 0% { width: 0; }  100% { width: 100%; } }body { font-family: 'Roboto', sans-serif;}#macauLabel, #macau, #angkaMain, #day, #shioImage, #cb, #cbLabel { text-shadow:  0 0 10px rgba(255, 255, 255, 0.9), 0 0 25px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.6);}h1 { text-shadow:  0 1px 3px rgba(0, 0, 0, 0.3),  0 0 5px rgba(255, 255, 255, 0.5);  color: #fff;  font-weight: bold; }h2 { animation: blink 1s infinite;}@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; }}#container { background-color: #fdf5e6; background-image: url('https://www.transparenttextures.com/patterns/paper.png');  background-size: cover; border-radius: 10px; padding: 20px; overflow: visible; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}#macauLabel, #macau, #cbLabel, #cb { color: #000;  text-shadow:  0 0 10px rgba(255, 255, 255, 0.9), 0 0 25px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.6);}#container > * { position: relative; z-index: 1;}@media (max-width: 768px) {#container { padding: 10px;  }#macau, #macauLabel, #cbLabel, #cb { font-size: 4vw;  } .grid-responsive { grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));  gap: 3px;  } .grid-item.border-2 { font-size: 5vw;  padding: px;  } .flex-container { display: flex; justify-content: center;  align-items: center;  gap: 20px;  } .flex-item { text-align: center;  }#shioImage { width: 80px;  height: 80px; object-fit: cover;  }#macau, #cb { font-size: 3rem;  }