html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
}

body {
  position: relative;
}

#root,
main,
.hero,
.about-dark-section,
.skills-light-section,
.projects,
.philosophy-kinetic,
.services-section,
.contact-dark-section,
.footer-elegant {
  max-width: 100%;
  overflow: visible !important;
}

.navbar-tech {
  max-width: 100vw;
}