<div style="background: #000; padding: 15px; text-align: center; border: 3px dashed #ff00ff; position: relative; overflow: hidden;">

<style>

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

@keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }

@keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }

.microwave { font-size: 40px; animation: spin 2s linear infinite; display: inline-block; }

.beep { color: #0ff; font-weight: bold; animation: blink 0.5s infinite; text-shadow: 0 0 10px #0ff; }

.mmmm { color: #ff0; animation: shake 0.3s infinite; display: inline-block; font-size: 18px; }

</style>

<div class="microwave">📟</div>

<div style="color: #ff00ff; font-size: 16px; margin: 5px 0;">

<span class="beep">BEEP</span> <span class="beep">BEEP</span> <span class="beep">BEEP</span>

</div>

<div class="mmmm">MMMMMMMMM</div>

<div style="color: #0f0; font-size: 12px; margin-top: 5px;">your food is ready™</div>

</div>