@tailwind base;
@tailwind components;
@tailwind utilities;







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

.animate-fadeIn {
  animation: fadeIn 0.5s ease-out forwards;
}

/* 검색창 포커스 시 부드러운 확대 효과 */
#blog-search:focus {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.1);
}