body { margin: 0; padding: 0; overflow: hidden;}

html { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}

::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}

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

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


.screen { height: 100vh; max-height: 100%; max-width: 100%; width: 100vw;}

.p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 1rem; } .p-4 { padding: 1.5rem; } .p-5 { padding: 2rem; }

.pl-1 { padding-left: 0.25rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 1rem; } .pl-4 { padding-left: 1.5rem; } .pl-5 { padding-left: 2rem; }

.pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 1rem; } .pt-4 { padding-top: 1.5rem; } .pt-5 { padding-top: 2rem; }

.pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 1rem; } .pb-4 { padding-bottom: 1.5rem; } .pb-5 { padding-bottom: 2rem; }

.pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 1rem; } .pr-4 { padding-right: 1.5rem; } .pr-5 { padding-right: 2rem; }

.p-rev { padding: var(--p-rev, 0); } .pl-rev { padding-left: var(--pl-rev, 0); } .pt-rev { padding-top: var(--pt-rev, 0); } .pb-rev { padding-bottom: var(--pb-rev, 0); } .pr-rev { padding-right: var(--pr-rev, 0); }

.m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-3 { margin: 1rem; } .m-4 { margin: 1.5rem; } .m-5 { margin: 2rem; }

.ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 1rem; } .ml-4 { margin-left: 1.5rem; } .ml-5 { margin-left: 2rem; }

.mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 1rem; } .mt-4 { margin-top: 1.5rem; } .mt-5 { margin-top: 2rem; }

.mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; } .mb-5 { margin-bottom: 2rem; }

.mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 1rem; } .mr-4 { margin-right: 1.5rem; } .mr-5 { margin-right: 2rem; }

.m-rev { margin: var(--m-rev, 0); } .ml-rev { margin-left: var(--ml-rev, 0); } .mt-rev { margin-top: var(--mt-rev, 0); } .mb-rev { margin-bottom: var(--mb-rev, 0); } .mr-rev { margin-right: var(--mr-rev, 0); }

.w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; } .w-100 { width: 100%; } .w-auto { width: auto; } .w-rev { width: var(--w-rev, auto); }

.h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-v-100 { height: 100vh; } .h-auto { height: auto; } .h-rev { height: var(--h-rev, auto); }

.min-w-25 { min-width: 25%; } .min-w-50 { min-width: 50%; } .min-w-100 { min-width: 100%; }

.min-h-25 { min-height: 25%; } .min-h-50 { min-height: 50%; } .min-h-100 { min-height: 100%; }

.max-w-25 { max-width: 25%; } .max-w-50 { max-width: 50%; } .max-w-75 { max-width: 75%; } .max-w-100 { max-width: 100%; }

.max-h-25 { max-height: 25%; } .max-h-50 { max-height: 50%; } .max-h-75 { max-height: 75%; } .max-h-100 { max-height: 100%; }

.text-xs { font-size: 0.75rem; } .text-sm { font-size: 0.875rem; } .text-base { font-size: 1rem; } .text-lg { font-size: 1.25rem; } .text-xl { font-size: 1.5rem; } .text-2xl { font-size: 2rem; } .text-rev { font-size: var(--text-rev, 1rem); }

.flex { display: flex; } .flex-col { flex-direction: column; } .justify-center { justify-content: center; } .items-center { align-items: center; }

.grid { display: grid; }

.grid-col-1 { grid-template-columns: repeat(1, 1fr); } .grid-col-2 { grid-template-columns: repeat(2, 1fr); } .grid-col-3 { grid-template-columns: repeat(3, 1fr); } .grid-col-4 { grid-template-columns: repeat(4, 1fr); } .grid-col-5 { grid-template-columns: repeat(5, 1fr); } .grid-col-6 { grid-template-columns: repeat(6, 1fr); }

.gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 1rem; } .gap-4 { gap: 1.5rem; } .gap-5 { gap: 2rem; } .gap-rev { gap: var(--gap-rev, 0); }

.rounded { border-radius: 0.25rem; } .rounded-lg { border-radius: 0.50rem; } .rounded-xl { border-radius: 1rem; } .rounded-rev { border-radius: var(--rounded-rev, 0); }

.text-center { text-align: center; }

.overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; }

.overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-x-scroll { overflow-x: scroll; }

.overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-visible { overflow-y: visible; } .overflow-y-scroll { overflow-y: scroll; }