@media (max-width: 768px) {
  #about p {
    font-size: 1em;
    padding: 0 15px;
  }

  .skill-content img {
    width: 180px;
    height: 180px;
  }

  nav {
    gap: 10px;
    font-size: 0.9em;
  }

  section {
    padding: 20px;
  }

  .contact-links a {
    padding: 12px 20px;
    font-size: 0.9em;
  }

  .arrow-btn {
    font-size: 1.2em;
    padding: 8px 10px;
  }
}