@tailwind base; @tailwind components; @tailwind utilities; // add the code bellow @layer utilities { /* Hide scrollbar for Chrome, Safari and Opera */ .scrollbar-hide::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* show scrollbar for Chrome, Safari and Opera */ .scrollbar-default::-webkit-scrollbar { display: block; } /* show scrollbar for IE, Edge and Firefox */ .scrollbar-default { -ms-overflow-style: auto; /* IE and Edge */ scrollbar-width: auto; /* Firefox */ } .typo-v { writing-mode: vertical-lr; -webkit-writing-mode: lr; -webkit-text-orientation: upright; text-orientation: upright; } } html { height: 100%; width: 100%; overflow: hidden; } body { height: 100%; width: 100%; a, button, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #root { height: 100%; } } .bg-color { background-color: #f4f6fa; }