* {
  font-family: "Noto Sans Georgian", sans-serif;
}

html,
body {
  min-height: 100%;
}

body {
  background:
    radial-gradient(circle at 10% -20%, rgba(59, 130, 246, 0.18), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(16, 185, 129, 0.15), transparent 35%),
    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

.view-panel {
  animation: fadeIn 0.2s ease-out;
}

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

@media (min-width: 768px) {
  .nav-btn {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
}