*,
:before,
:after {
 box-sizing:border-box;
 border-width:0;
 border-style:solid;
 border-color:#e5e7eb
}
:before,
:after {
 --tw-content: ""
}
html {
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 font-family:ui-sans-serif,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";
 font-feature-settings:normal
}
body {
 margin:0;
 line-height:inherit
}
hr {
 height:0;
 color:inherit;
 border-top-width:1px
}
abbr:where([title]) {
 -webkit-text-decoration:underline dotted;
 text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:inherit;
 font-weight:inherit
}
a {
 color:inherit;
 text-decoration:inherit
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
samp,
pre {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 font-size:1em
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
table {
 text-indent:0;
 border-color:inherit;
 border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
 font-family:inherit;
 font-size:100%;
 font-weight:inherit;
 line-height:inherit;
 color:inherit;
 margin:0;
 padding:0
}
button,
select {
 text-transform:none
}
button,
[type=button],
[type=reset],
[type=submit] {
 -webkit-appearance:button;
 background-color:transparent;
 background-image:none
}
:-moz-focusring {
 outline:auto
}
:-moz-ui-invalid {
 box-shadow:none
}
progress {
 vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
summary {
 display:list-item
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
 margin:0
}
fieldset {
 margin:0;
 padding:0
}
legend {
 padding:0
}
ol,
ul,
menu {
 list-style:none;
 margin:0;
 padding:0
}
textarea {
 resize:vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 opacity:1;
 color:#9ca3af
}
input::placeholder,
textarea::placeholder {
 opacity:1;
 color:#9ca3af
}
button,
[role=button] {
 cursor:pointer
}
:disabled {
 cursor:default
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
 display:block;
 vertical-align:middle
}
img,
video {
 max-width:100%;
 height:auto
}
[hidden] {
 display:none
}
*,
:before,
:after {
 --tw-border-spacing-x: 0;
 --tw-border-spacing-y: 0;
 --tw-translate-x: 0;
 --tw-translate-y: 0;
 --tw-rotate: 0;
 --tw-skew-x: 0;
 --tw-skew-y: 0;
 --tw-scale-x: 1;
 --tw-scale-y: 1;
 --tw-pan-x: ;
 --tw-pan-y: ;
 --tw-pinch-zoom: ;
 --tw-scroll-snap-strictness: proximity;
 --tw-ordinal: ;
 --tw-slashed-zero: ;
 --tw-numeric-figure: ;
 --tw-numeric-spacing: ;
 --tw-numeric-fraction: ;
 --tw-ring-inset: ;
 --tw-ring-offset-width: 0px;
 --tw-ring-offset-color: #fff;
 --tw-ring-color: rgb(59 130 246 / .5);
 --tw-ring-offset-shadow: 0 0 #0000;
 --tw-ring-shadow: 0 0 #0000;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 --tw-blur: ;
 --tw-brightness: ;
 --tw-contrast: ;
 --tw-grayscale: ;
 --tw-hue-rotate: ;
 --tw-invert: ;
 --tw-saturate: ;
 --tw-sepia: ;
 --tw-drop-shadow: ;
 --tw-backdrop-blur: ;
 --tw-backdrop-brightness: ;
 --tw-backdrop-contrast: ;
 --tw-backdrop-grayscale: ;
 --tw-backdrop-hue-rotate: ;
 --tw-backdrop-invert: ;
 --tw-backdrop-opacity: ;
 --tw-backdrop-saturate: ;
 --tw-backdrop-sepia: 
}
::backdrop {
 --tw-border-spacing-x: 0;
 --tw-border-spacing-y: 0;
 --tw-translate-x: 0;
 --tw-translate-y: 0;
 --tw-rotate: 0;
 --tw-skew-x: 0;
 --tw-skew-y: 0;
 --tw-scale-x: 1;
 --tw-scale-y: 1;
 --tw-pan-x: ;
 --tw-pan-y: ;
 --tw-pinch-zoom: ;
 --tw-scroll-snap-strictness: proximity;
 --tw-ordinal: ;
 --tw-slashed-zero: ;
 --tw-numeric-figure: ;
 --tw-numeric-spacing: ;
 --tw-numeric-fraction: ;
 --tw-ring-inset: ;
 --tw-ring-offset-width: 0px;
 --tw-ring-offset-color: #fff;
 --tw-ring-color: rgb(59 130 246 / .5);
 --tw-ring-offset-shadow: 0 0 #0000;
 --tw-ring-shadow: 0 0 #0000;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 --tw-blur: ;
 --tw-brightness: ;
 --tw-contrast: ;
 --tw-grayscale: ;
 --tw-hue-rotate: ;
 --tw-invert: ;
 --tw-saturate: ;
 --tw-sepia: ;
 --tw-drop-shadow: ;
 --tw-backdrop-blur: ;
 --tw-backdrop-brightness: ;
 --tw-backdrop-contrast: ;
 --tw-backdrop-grayscale: ;
 --tw-backdrop-hue-rotate: ;
 --tw-backdrop-invert: ;
 --tw-backdrop-opacity: ;
 --tw-backdrop-saturate: ;
 --tw-backdrop-sepia: 
}
.m-5 {
 margin:1.25rem
}
.m-auto {
 margin:auto
}
.mx-20 {
 margin-left:5rem;
 margin-right:5rem
}
.flex {
 display:flex
}
.h-20 {
 height:5rem
}
.w-1\/5 {
 width:50%;
}
.w-full {
 width:100%
}
.justify-between {
 justify-content:space-between
}
.space-x-4>:not([hidden])~:not([hidden]) {
 --tw-space-x-reverse: 0;
 margin-right:calc(1rem * var(--tw-space-x-reverse));
 margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.bg-green-800 {
 --tw-bg-opacity: 1;
 background-color:rgb(22 101 52 / var(--tw-bg-opacity))
}
.bg-purple-300 {
 --tw-bg-opacity: 1;
 background-color:rgb(216 180 254 / var(--tw-bg-opacity))
}
.bg-red-300 {
 --tw-bg-opacity: 1;
 background-color:rgb(252 165 165 / var(--tw-bg-opacity))
}
.object-fill {
 -o-object-fit:fill;
 object-fit:fill
}
.py-4 {
 padding-top:1rem;
 padding-bottom:1rem
}
.text-center {
 text-align:center
}
.text-8xl {
 font-size:6rem;
 line-height:1
}
.text-5xl {
 font-size:3rem;
 line-height:1
}
.font-extrabold {
 font-weight:800
}
.text-red-400 {
 --tw-text-opacity: 1;
 color:rgb(248 113 113 / var(--tw-text-opacity))
}
.text-blue-700 {
 --tw-text-opacity: 1;
 color:rgb(29 78 216 / var(--tw-text-opacity))
}
button {
 margin-top:1.25rem;
 margin-bottom:1.25rem;
 border-radius:.5rem;
 --tw-bg-opacity: 1;
 background-color:rgb(163 230 53 / var(--tw-bg-opacity));
 padding:.5rem;
 font-size:1.5rem;
 line-height:2rem;
 --tw-text-opacity: 1;
 color:rgb(96 165 250 / var(--tw-text-opacity))
}
h1 {
 --tw-bg-opacity: 1;
 background-color:rgb(253 224 71 / var(--tw-bg-opacity));
 font-size:1.875rem;
 line-height:2.25rem;
 font-weight:700;
 --tw-text-opacity: 1;
 color:rgb(16 185 129 / var(--tw-text-opacity));
 height: 21px;
}

button:hover {
  padding: 0;
  font-size: 5em;
}