/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,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
}

button,select {
    text-transform: none
}

[type=button],button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

hr {
    border-top-width: 1px
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9e9691
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9e9691
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9e9691
}

table {
    border-collapse: collapse
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(246,233,224,var(--tw-bg-opacity))
}

.bg-gray-700 {
    --tw-bg-opacity:1;
    background-color:rgba(48,48,45,var(--tw-bg-opacity));
}

.bg-tomato-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(206,66,43,var(--tw-bg-opacity))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(39,39,36,var(--tw-bg-opacity))
}

.rounded-sm {
    border-radius:.125rem;
}

.rounded-full {
    border-radius: 9999px
}

.cursor-pointer {
    cursor: pointer
}

.flex {
    display: flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-1 {
    margin-top: .25rem
}

.ml-3 {
    margin-left: .75rem
}

.max-h-16 {
    max-height: 4rem
}

.max-w-lg {
    max-width: 32rem
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem;
}

.px-4 {
    padding-left:1rem;
    padding-right:1rem;
}

.pt-3 {
    padding-top: .75rem
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.left-0 {
    left: 0
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)
}

.shadow,.shadow-inner {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06)
}

.text-gray-50 {
    --tw-text-opacity:1;
    color:rgba(246,233,224,var(--tw-text-opacity));
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgba(227,215,207,var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(100,143,27,var(--tw-text-opacity))
}

.text-tomato-700 {
    --tw-text-opacity: 1;
    color: rgba(206,66,43,var(--tw-text-opacity))
}

.w-6 {
    width: 1.5rem
}

.w-10 {
    width: 2.5rem
}

.w-full {
    width:100%;
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes ping {
    75%,to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

.toggle__dot {
    top: -.25rem;
    left: -.25rem;
    transition: all .3s ease-in-out
}

input:checked~.toggle__dot {
    transform: translateX(100%);
    background-color: #648f1b
}

/*# sourceMappingURL=main.caadb237.chunk.css.map */