* { box-sizing: border-box; }

html { scrollbar-width: thin; scrollbar-color: #e4e4e7; scroll-behavior: smooth; background: white; background: #fafafa; }

body { padding: 0; margin: 0; position: relative; font-family: "Geist", sans-serif; }

/* Works on Firefox */
/*Shrinking the scrollbar*/
::-webkit-scrollbar { width: 5px; }

::-webkit-scrollbar-thumb { border-radius: 5px; }

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

/*Giving the thumb a gradient*/
::-webkit-scrollbar-thumb { background: #cdcdd0; border-radius: 5px; }

::-webkit-scrollbar-thumb:hover { background: #ababae; }

::-webkit-scrollbar-corner { background: #ababae; }

/*Removing the horizontal scrollbar*/
::-webkit-scrollbar:horizontal { display: none; }