html { 
   overflow-x: hidden; 
   scroll-behavior: smooth; 
}

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

* {
   &::-webkit-scrollbar {
      height: 0.25rem;
      width: 0.25rem;
   }

   &::-webkit-scrollbar-track {
      background: transparent;
   }

   &::-webkit-scrollbar-thumb {
      background-color:  var(--base-white);
      border-radius: 1rem;
   }
}

/* :focus {
   outline: 0;
   box-shadow: 0 0 0 2px ${(props) => props.theme['green-500']}
} */

body {
   overflow-x: hidden;
   background-color: var(--base-white);
   color: var(--gray-900);
   -webkit-font-smoothing: antialiased;
}

body, input, textarea, button {
   font: 400 1rem Gilroy, sans-serif;
} 

button, 
a { 
   cursor: pointer; 
}

textarea:focus, 
input:focus, 
select:focus, 
button:focus { 
   outline: none !important; 
   box-shadow: none !important; 
}


/* body { font-family: 'Manrope', sans-serif; font-style: normal; line-height: 1.2rem; overflow-x: hidden; } */
/* h1, h2, h3, h4, h5 { font-family: 'Manrope', sans-serif; line-height: 110%; } */
/* p, li { font-family: 'Manrope', sans-serif; line-height: 150%; } */