/* Responsive */
@media (min-width: 500px) {
  .header { padding: 14px 20px; }
  .main { padding: 20px; }
}

/* Shake animation for regenerate */
@keyframes shake {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-8deg); }
  75% { transform: rotate(8deg); }
}
.shake { animation: shake 0.3s ease-in-out; }

@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}