@import url("https://fonts.googleapis.com/css2?family=Anton&family=Quicksand:wght@500;600&display=swap");

/*
! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
*/
*,: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;
 -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
}
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,
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: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%;
 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: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,
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:-ms-input-placeholder,
textarea:-ms-input-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
}
*,
:after,
:before {
 --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/0.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: 
}
#__next,
body,
html {
 height:100%
}
body,
html {
 --tw-bg-opacity:1;
 background-color:rgb(15 23 42/var(--tw-bg-opacity))
}
.fixed {
 position:fixed
}
.absolute {
 position:absolute
}
.relative {
 position:relative
}
.inset-y-0 {
 top:0;
 bottom:0
}
.left-0 {
 left:0
}
.top-0 {
 top:0
}
.bottom-0 {
 bottom:0
}
.right-0 {
 right:0
}
.top-16 {
 top:4rem
}
.top-auto {
 top:auto
}
.bottom-full {
 bottom:100%
}
.z-50 {
 z-index:50
}
.m-1 {
 margin:.25rem
}
.mx-auto {
 margin-left:auto;
 margin-right:auto
}
.mx-2 {
 margin-left:.5rem;
 margin-right:.5rem
}
.mx-16 {
 margin-left:4rem;
 margin-right:4rem
}
.mx-1 {
 margin-left:.25rem;
 margin-right:.25rem
}
.my-2 {
 margin-top:.5rem;
 margin-bottom:.5rem
}
.mb-3 {
 margin-bottom:.75rem
}
.mt-4 {
 margin-top:1rem
}
.mt-8 {
 margin-top:2rem
}
.mb-6 {
 margin-bottom:1.5rem
}
.ml-2 {
 margin-left:.5rem
}
.mt-2 {
 margin-top:.5rem
}
.mb-1 {
 margin-bottom:.25rem
}
.mt-3 {
 margin-top:.75rem
}
.mt-1 {
 margin-top:.25rem
}
.mb-2 {
 margin-bottom:.5rem
}
.ml-1 {
 margin-left:.25rem
}
.block {
 display:block
}
.flex {
 display:flex
}
.hidden {
 display:none
}
.h-full {
 height:100%
}
.h-10 {
 height:2.5rem
}
.h-6 {
 height:1.5rem
}
.h-7 {
 height:1.75rem
}
.h-56 {
 height:14rem
}
.h-80 {
 height:20rem
}
.h-4 {
 height:1rem
}
.h-\[360px\] {
 height:360px
}
.max-h-36 {
 max-height:9rem
}
.w-10 {
 width:2.5rem
}
.w-2 {
 width:.5rem
}
.w-full {
 width:100%
}
.w-4\/5 {
 width:80%
}
.w-6 {
 width:1.5rem
}
.w-1\/5 {
 width:20%
}
.w-7 {
 width:1.75rem
}
.w-\[360px\] {
 width:360px
}
.w-4 {
 width:1rem
}
.w-9\/12 {
 width:75%
}
.max-w-lg {
 max-width:32rem
}
.flex-grow {
 flex-grow:1
}
.cursor-pointer {
 cursor:pointer
}
.columns-1 {
 -moz-columns:1;
 column-count:1
}
.flex-col {
 flex-direction:column
}
.items-center {
 align-items:center
}
.justify-center {
 justify-content:center
}
.justify-between {
 justify-content:space-between
}
.justify-around {
 justify-content:space-around
}
.gap-1 {
 gap:.25rem
}
.gap-4 {
 gap:1rem
}
.gap-2 {
 gap:.5rem
}
.gap-6 {
 gap:1.5rem
}
.overflow-y-auto {
 overflow-y:auto
}
.rounded {
 border-radius:.25rem
}
.rounded-sm {
 border-radius:.125rem
}
.rounded-md {
 border-radius:.375rem
}
.border {
 border-width:1px
}
.border-slate-200 {
 --tw-border-opacity:1;
 border-color:rgb(226 232 240/var(--tw-border-opacity))
}
.border-slate-500 {
 --tw-border-opacity:1;
 border-color:rgb(100 116 139/var(--tw-border-opacity))
}
.border-slate-400 {
 --tw-border-opacity:1;
 border-color:rgb(148 163 184/var(--tw-border-opacity))
}
.bg-slate-900 {
 --tw-bg-opacity:1;
 background-color:rgb(15 23 42/var(--tw-bg-opacity))
}
.bg-slate-800 {
 --tw-bg-opacity:1;
 background-color:rgb(30 41 59/var(--tw-bg-opacity))
}
.bg-emerald-800 {
 --tw-bg-opacity:1;
 background-color:rgb(6 95 70/var(--tw-bg-opacity))
}
.bg-red-700 {
 --tw-bg-opacity:1;
 background-color:rgb(185 28 28/var(--tw-bg-opacity))
}
.bg-black {
 --tw-bg-opacity:1;
 background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-slate-600 {
 --tw-bg-opacity:1;
 background-color:rgb(71 85 105/var(--tw-bg-opacity))
}
.bg-slate-700 {
 --tw-bg-opacity:1;
 background-color:rgb(51 65 85/var(--tw-bg-opacity))
}
.bg-emerald-600 {
 --tw-bg-opacity:1;
 background-color:rgb(5 150 105/var(--tw-bg-opacity))
}
.bg-slate-500 {
 --tw-bg-opacity:1;
 background-color:rgb(100 116 139/var(--tw-bg-opacity))
}
.bg-white {
 --tw-bg-opacity:1;
 background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-kofi {
 --tw-bg-opacity:1;
 background-color:rgb(41 171 224/var(--tw-bg-opacity))
}
.p-4 {
 padding:1rem
}
.p-0\.5 {
 padding:.125rem
}
.p-0 {
 padding:0
}
.p-2 {
 padding:.5rem
}
.px-2 {
 padding-left:.5rem;
 padding-right:.5rem
}
.py-1 {
 padding-top:.25rem;
 padding-bottom:.25rem
}
.px-3 {
 padding-left:.75rem;
 padding-right:.75rem
}
.px-1 {
 padding-left:.25rem;
 padding-right:.25rem
}
.pl-2 {
 padding-left:.5rem
}
.pl-10 {
 padding-left:2.5rem
}
.pr-2 {
 padding-right:.5rem
}
.pt-2 {
 padding-top:.5rem
}
.text-center {
 text-align:center
}
.font-mono {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}
.font-anton {
 font-family:Anton
}
.font-quick {
 font-family:Quicksand
}
.text-sm {
 font-size:.875rem;
 line-height:1.25rem
}
.text-lg {
 font-size:1.125rem;
 line-height:1.75rem
}
.text-4xl {
 font-size:2.25rem;
 line-height:2.5rem
}
.text-xl {
 font-size:1.25rem;
 line-height:1.75rem
}
.text-xs {
 font-size:.75rem;
 line-height:1rem
}
.text-2xl {
 font-size:1.5rem;
 line-height:2rem
}
.font-bold {
 font-weight:700
}
.font-medium {
 font-weight:500
}
.font-semibold {
 font-weight:600
}
.tracking-tight {
 letter-spacing:-.025em
}
.tracking-widest {
 letter-spacing:.1em
}
.text-slate-200 {
 --tw-text-opacity:1;
 color:rgb(226 232 240/var(--tw-text-opacity))
}
.text-slate-400 {
 --tw-text-opacity:1;
 color:rgb(148 163 184/var(--tw-text-opacity))
}
.text-slate-100 {
 --tw-text-opacity:1;
 color:rgb(241 245 249/var(--tw-text-opacity))
}
.text-slate-500 {
 --tw-text-opacity:1;
 color:rgb(100 116 139/var(--tw-text-opacity))
}
.text-white {
 --tw-text-opacity:1;
 color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-slate-50 {
 --tw-text-opacity:1;
 color:rgb(248 250 252/var(--tw-text-opacity))
}
.text-slate-300 {
 --tw-text-opacity:1;
 color:rgb(203 213 225/var(--tw-text-opacity))
}
.underline {
 -webkit-text-decoration-line:underline;
 text-decoration-line:underline
}
.opacity-80 {
 opacity:.8
}
.hover\:bg-emerald-900:hover {
 --tw-bg-opacity:1;
 background-color:rgb(6 78 59/var(--tw-bg-opacity))
}
.hover\:bg-slate-200:hover {
 --tw-bg-opacity:1;
 background-color:rgb(226 232 240/var(--tw-bg-opacity))
}
.hover\:bg-kofi-dark:hover {
 --tw-bg-opacity:1;
 background-color:rgb(31 133 181/var(--tw-bg-opacity))
}