body,html{
    min-height: 100vh;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
@keyframes fire-glow {
    0% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 0.8; transform: scale(1.2); }
    100% { opacity: 0.3; transform: scale(0.8); }
}
@keyframes rotate {
    to { transform: rotate(360deg); }
}
.animate-fire-glow {
    animation: fire-glow 2s ease-in-out infinite;
}
.animate-rotate {
    animation: rotate 8s linear infinite;
}

@keyframes flicker {
    0%, 100% { opacity: 0.8; }
    20% { opacity: 0.6; }
    40% { opacity: 1; }
    60% { opacity: 0.7; }
    80% { opacity: 0.9; }
  }