@media(max-width:1100px){

.hero{

flex-direction:column;

text-align:center;

}

.hero-left{

order:2;

}

.hero-right{

order:1;

margin-bottom:40px;

}

.nav-links{

display:none;

}

.projects{

grid-template-columns:1fr;

}

.skills-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:700px){

.skills-grid{

grid-template-columns:1fr;

}

.profile-image{

width:240px;

height:240px;

}

.hero h1{

font-size:3rem;

}

}
@media (max-width: 950px) {
  .hero-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-content {
    text-align: center;
    order: 2;
  }

  .hero-image-container {
    order: 1;
    width: min(330px, 80%);
  }

  .hero-description {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-buttons {
    justify-content: center;
  }

  .projects {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .hero {
    padding: 120px 6% 70px;
  }

  .hero-content h1 span {
    -webkit-text-stroke: 1px #00d9ff;
  }

  .skills-container {
    padding: 28px 20px;
  }

  .projects {
    grid-template-columns: 1fr;
  }

  .project-content p {
    min-height: auto;
  }
}
@media (max-width: 950px) {
  .mouse-glow {
    display: none;
  }
}

@media (max-width: 700px) {
  #scroll-progress {
    height: 3px;
  }

  .hero-image-container {
    animation: none;
  }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .mouse-glow {
    display: none;
  }
}