@import url(./styles/header.css);
@import url(./styles/hero-section.css);
@import url(./styles/about-section.css);
@import url(./styles/hobbies-section.css);
@import url(./styles/section-indicator.css);
@import url(./styles/gallery-section.css);
@import url(./styles/footer.css);

:root{
  --primary-clr: #0827f5;
  --primary-contrast-clr: #ffffff;
  --secondary-clr: #88e310;
  --tertiary-clr: #000000;

  --primary-div-left-position: 4.5rem; 
  --fs-xxl: 2.65rem;
  --fs-600: 1.64rem;
  --fs-500: 1.01rem;
  --max-wrapper-width: 1200px;
  --section-title-fs: 3rem;

  --scrollbar-primary-clr: #fbeeeeea;
  --scrollbar-secondary-clr: #004582c4;
}

html {
  scroll-padding-top: var(--navbar-height);
}

*, *::after, *::before{

  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.main-body{
  overflow-y: scroll; 
  height: 100vh; 
  scroll-behavior: smooth;
}


.page-sections{
  display: block;
} 

.section-title{
  font-size: var(--section-title-fs);
}

::-webkit-scrollbar{
  display: none;
}