@import url('../css/sections/projects.css');
@import url('../css/sections/contact.css');
@import url('../css/sections/skills.css');
@import url('../css/sections/about.css');
@import url('../css/sections/intro.css');
@import url('../css/sections/waves.css');
@import url('../css/layers.css');
@import url('../css/navbar.css');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
    /* Global smaller font size */
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: 1rem;
    /* Smaller paragraph text */
    line-height: 1.4;
    /* Tighter line height */
  }

  .btn {
    font-size: 1rem;
    /* Button text size */
  }
}