*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:after,:before{
    --tw-content:""
}
html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-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]){
    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,pre,samp{
    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:initial
}
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
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button;
    background-color:initial;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:initial
}
::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
fieldset{
    margin:0
}
fieldset,legend{
    padding:0
}
menu,ol,ul{
    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
}
[role=button],button{
    cursor:pointer
}
:disabled{
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]{
    display:none
}
.mx-4{
    margin-left:1rem;
    margin-right:1rem
}
.mb-8{
    margin-bottom:2rem
}
.mb-4{
    margin-bottom:1rem
}
.flex{
    display:flex
}
.grid{
    display:grid
}
.w-full{
    width:100%
}
.min-w-60{
    min-width:15rem
}
.grid-rows-centered{
    grid-template-rows:1fr auto
}
.flex-col{
    flex-direction:column
}
.flex-wrap{
    flex-wrap:wrap
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.justify-items-center{
    justify-items:center
}
.gap-4{
    gap:1rem
}
.gap-8{
    gap:2rem
}
.justify-self-center{
    justify-self:center
}
.border-2{
    border-width:2px
}
.border-solid{
    border-style:solid
}
.border-slate-700{
    --tw-border-opacity:1;
}
.bg-slate-200{
    --tw-bg-opacity:1;
}
.bg-slate-700{
    --tw-bg-opacity:1;
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.text-center{
    text-align:center
}
.text-9xl{
    font-size:8rem;
    line-height:1
}
.text-5xl{
    font-size:3rem;
    line-height:1
}
.text-xl{
    font-size:1.25rem;
    line-height:1.75rem
}
.font-semibold{
    font-weight:600
}
.text-slate-700{
    --tw-text-opacity:1;
}
.text-slate-200{
    --tw-text-opacity:1;
}
.text-slate-500{
    --tw-text-opacity:1;
}
body,html{
    font-family: 'roobert', sans-serif;
}
.wrapper,body,html{
    height:100%
}
.hover\:bg-slate-300:hover{
    --tw-bg-opacity:1;

}
.hover\:text-slate-700:hover{
    --tw-text-opacity:1;
}
.focus\:ring-slate-700:focus{
    --tw-ring-opacity:1;
}
.focus\:ring-offset-4:focus{
    --tw-ring-offset-width:4px
}
.focus\:ring-offset-slate-200:focus{
    --tw-ring-offset-color:#e2e8f0
}
.focus-visible\:outline-none:focus-visible{
    outline:2px solid #0000;
    outline-offset:2px
}
@media (min-width:640px){
    .sm\:-mx-4{
        margin-left:-1rem;
        margin-right:-1rem
    }
    .sm\:inline-block{
        display:inline-block
    }
    .sm\:w-152{
        width:38rem
    }
}
@media (min-width:768px){
    .md\:ml-4{
        margin-left:1rem
    }
    .md\:flex-row{
        flex-direction:row
    }
}