body {
  transition: background-color 0.3s ease;
}

.ui-style-15 main section {
  animation: fadeIn 0.5s ease-in;
}

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

nav a {
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

nav a:hover {
  border-bottom-color: #0066cc;
  background: rgba(0,102,204,0.05);
}

main h1, main h2, main h3 {
  transition: color 0.3s ease;
}

main a:hover h3,
main a:hover h4 {
  color: #0066cc;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }

  main {
    padding: 0 15px !important;
  }

  main section {
    padding: 20px !important;
  }

  h1 {
    font-size: 22px !important;
  }

  h2 {
    font-size: 20px !important;
  }
}