@import url(./globals.css);
@import url(./utils.css);
@import url(./nav.css);
@import url(./landing.css);
@import url(./hero.css);
@import url(./projects.css);
@import url(./skills.css);
@import url(./contact.css);
@import url(./animations.css);
@import url(./loader.css);
@import url(./particle.css);



@media screen and (min-width: 31.25rem) {
  h2 {
    font-size: 6rem;
    margin-bottom: 6rem;
  }

  .typed-container {
    height: auto;
  }

}

@media screen and (min-width: 55rem) {
  .wrapper {
    padding: 0 32px;
  }

}

@media screen and (min-width: 75rem) {
  .wrapper {
    padding: 0;
  }
}


@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  cursor: url(arrow.cur), auto;
}