* ,
: 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 ;
}