body.ui-style-3 {
  font-size: 16px;
}

main {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

header nav a:hover {
  background: rgba(255,255,255,0.2);
  border-radius: 4px;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 1.5rem !important;
  }
  h2 {
    font-size: 1.2rem !important;
  }
}