*	{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.w-1\/12 {width: 8.333333%;}
.w-2\/12 {width: 16.666667%;}
.w-3\/12 {width: 25%;}
.w-4\/12 {width: 33.333333%;}
.w-5\/12 {width: 41.666667%;}
.w-6\/12 {width: 50%;}
.w-7\/12 {width: 58.333333%;}
.w-8\/12 {width: 66.666667%;}
.w-9\/12 {width: 75%;}
.w-10\/12 {width: 83.333333%;}
.w-11\/12 {width: 91.666667%;}
.w-full {width: 100%;}
.flex {display: flex;}
.my-12 {margin: 3rem 0;}
.my-8 {margin: 2rem 0;}
.my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.mx-12 {margin-left: 3rem;margin-right: 3rem;}
.mr-3 {margin-right: 0.75rem;}
.mr-6	{margin-right: 1.5rem;}
.mr-12	{margin-right: 3rem;}
.bg-white {background-color: #fff;}
.inline {display: inline;}
.justify-between {justify-content: space-between;}
.mx-auto {margin: 0 auto;}
.wapper {margin-left:3em}
.text-white {color: #fff;}
.inline-block	{display: inline-block;}
.rounded	{border-radius: 0.25rem;}
.p-1	{padding: 0.25rem;}
.px-3	{padding-left: 0.75rem;padding-right: 0.75rem;}
.hover:bg-blue-500	{background-color: #4299e1;}
.bg-transparent	{background-color: transparent;}
.text-black	{color: #000;}
.list-none	{list-style-type: none;}
.no-underline {text-decoration: none;}
.hover\:border-white:hover {border-color: #fff;}
.hover\:border:hover {border-width: 1px;}
.hover\:border-solid:hover {border-style: solid;}
.border-solid {border-style: solid;}
.hover\:border-transparent {border-color: transparent;}
.border{border-width: 1px;}
.border-white	{border-color: #fff;}
.m-0 {margin: 0;}
.p-0 {padding: 0;}
.m-4 {margin: 1rem;}
.mt-32	{margin-top: 8rem;}
.mt-2 { margin-top: 0.5rem;}
.mb-8	{margin-bottom: 2rem;}
.text-2xl	{font-size: 1.5rem;}
.text-6xl	{font-size: 4rem;}
.text-sm	{font-size: 0.875rem;}
.ml-32	{margin-left: 8rem;}
.py-2	{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.px-4	{padding-left: 1rem;padding-right: 1rem;}
.hover\:text-white {color: #fff;}
.hover\:text-gray-500	{color: #a0aec0;}
.py-3	{padding-top: 0.75rem;padding-bottom: 0.75rem;}
.px-16	{padding-left: 4rem;padding-right: 4rem;}
.rounded-full	{border-radius: 9999px;}
.mt-6	{margin-top: 1.5rem;}
.text-gray-900	{color: #1a202c;}
.text-blue-500	{color: #4299e1;}
.text-gray-600	{color: #718096;}
.font-light	{font-weight: 300;}
.-my-48	{margin-top: -12rem;margin-bottom: -12rem;}
.h-96	{height: 24rem;}
.grid	{display: grid;}
.grid-rows-3	{grid-template-rows: repeat(3, minmax(0, 1fr));}
.grid-flow-row	{grid-auto-flow: row;}
.gap-4	{gap: 1rem;}
.grid-cols-3  {grid-template-columns: repeat(3, minmax(0, 1fr));}
.justify-items-auto	{justify-items: auto;}
.justify-center	{justify-content: center;}
.flex-col	{flex-direction: column;}
.text-center	{text-align: center;}
.m-48	{margin: 12rem;}
.mt-12	{margin-top: 3rem;}
.bg-blue {background-color:#289bfc;}
.text-gray-300	{color: #e2e8f0;}
.text-left	{text-align: left;}
.ml-88	{margin-left: 22rem;}
.shadow-xl	{box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
.pt-24	{padding-top: 6rem;}
.mt-32  {margin-top: 6rem;}
.h-128	{height: 32rem;}
.w-128	{width: 32rem;}
.rounded-3xl	{border-radius: 1.5rem;}
.text-5xl	{font-size: 3rem;}
.pr-12	{padding-right: 3rem;}
.p-4	{padding: 1rem;}
.h-48	{height: 12rem;}
.flex-wrap	{flex-wrap: wrap;}
.content-center	{align-content: center;}
.p-2	{padding: 0.5rem;}
.h-48	{height: 12rem;}
.shadow	{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);}
.border-blue-500	{border-color: #4299e1;}
.mt-4	{margin-top: 1rem;}
.mb-8	{margin-bottom: 2rem;}
.align-middle	{vertical-align: middle;}
.font-bold	{font-weight: 700;}
.bg-gray-100	{background-color: #f7fafc;}
.pt-8	{padding-top: 2rem;}
.w-64	{width: 16rem;}
.-my-24	{margin-top: -6rem;margin-bottom: -6rem;}
.mt-96	{margin-top: 24rem;}
.text-gray-200	{color: #edf2f7;}
.ml-128	{margin-left: 32rem;}
.ml-16	{margin-left: 4rem;}
.items-center	{align-items: center;}
.border-transparent	{border-color: transparent;}
button:focus{outline:0;}
.cursor-pointer	{cursor: pointer;}
.transition	{transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;}
.duration-300	{transition-duration: 300ms;}
.shadow-xx{
float:left;
margin-left:20px;
background: #fff;
transition-duration: 0.5s;}
.shadow-xx:hover{
-webkit-box-shadow:  0px 10px 10px;
-moz-box-shadow: #ccc 0px 10px 10px;
box-shadow: #ccc 0px 10px 10px;  }
.no-underline	{text-decoration: none;}
.text-sm	{font-size: 0.875rem;}
.text-xs	{font-size: 0.75rem;}
.ml-104 { margin-left: 26rem;}