@import url("variables.css");
@import url("navBar.css");
@import url("hero.css");
@import url("about.css");
@import url("skills.css");
@import url("projects.css");
@import url("contact.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html {
  background-color: var(--rich-black);
}

html,
body {
  height: auto;
  min-height: 100vh;
}

body {
  font-family: var(--font-helvetica);
  color: var(--color-text-primary);
  background: var(--bg-primary);
  margin: 0;
  padding: 0;
}

/*scrollbar styles*/
body::-webkit-scrollbar {
  width: 12px;
}
body::-webkit-scrollbar-track {
  background: var(--rich-black-2);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--dark-blue);
  border-radius: 6px;
  border: 3px solid var(--rich-black-2);
}

.horizontal-scrollbar {
  overflow-x: hidden;
}