/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/
*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
    }
:after, :before {
    --tw-content: ""
    }
:host, html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
    }
body {
    line-height: inherit;
    margin: 0
    }
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
    }
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-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
    }
small {
    font-size: 80%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sub {
    bottom: -0.25em
    }
sup {
    top: -0.5em
    }
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
    }
button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: 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
    }
dialog {
    padding: 0
    }
textarea {
    resize: vertical
    }
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
    }
input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1
    }
[role=button], button {
    cursor: pointer
    }
:disabled {
    cursor: default
    }
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
    }
img, video {
    height: auto;
    max-width: 100%
    }
[hidden] {
    display: none
    }
*, :after, :before {
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5)
    }
::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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5)
    }
.\!container {
    width: 100% !important
    }
.container {
    width: 100%
    }
.visible {
    visibility: visible
    }
.static {
    position: static
    }
.fixed {
    position: fixed
    }
.absolute {
    position: absolute
    }
.relative {
    position: relative
    }
.mx-0 {
    margin-left: 0;
    margin-right: 0
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mb-2\.5 {
    margin-bottom: 0.625rem
    }
.mb-4 {
    margin-bottom: 1rem
    }
.mb-5 {
    margin-bottom: 1.25rem
    }
.mr-1 {
    margin-right: 0.25rem
    }
.mt-10 {
    margin-top: 2.5rem
    }
.mt-4 {
    margin-top: 1rem
    }
.box-border {
    box-sizing: border-box
    }
.block {
    display: block
    }
.inline-block {
    display: inline-block
    }
.inline {
    display: inline
    }
.flex {
    display: flex
    }
.table {
    display: table
    }
.grid {
    display: grid
    }
.contents {
    display: contents
    }
.hidden {
    display: none
    }
.w-24 {
    width: 6rem
    }
.w-32 {
    width: 8rem
    }
.w-40 {
    width: 10rem
    }
.w-full {
    width: 100%
    }
.flex-shrink {
    flex-shrink: 1
    }
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewx(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.cursor-pointer {
    cursor: pointer
    }
.resize {
    resize: both
    }
.list-disc {
    list-style-type: disc
    }
.flex-wrap {
    flex-wrap: wrap
    }
.overflow-hidden {
    overflow: hidden
    }
.break-words {
    overflow-wrap: break-word
    }
.rounded {
    border-radius: 0.25rem
    }
.rounded-sm {
    border-radius: 0.125rem
    }
.border {
    border-width: 1px
    }
.border-solid {
    border-style: solid
    }
.border-error {
    --tw-border-opacity: 1
    }
.border-gray-300 {
    --tw-border-opacity: 1
    }
.border-main {
    --tw-border-opacity: 1
    }
.border-zinc-600 {
    --tw-border-opacity: 1
    }
.bg-accent {
    --tw-bg-opacity: 1
    }
.bg-error {
    --tw-bg-opacity: 1
    }
.bg-zinc-600 {
    --tw-bg-opacity: 1
    }
.bg-opacity-5 {
    --tw-bg-opacity: 0.05
    }
.p-1 {
    padding: 0.25rem
    }
.p-1\.5 {
    padding: 0.375rem
    }
.p-2 {
    padding: 0.5rem
    }
.p-2\.5 {
    padding: 0.625rem
    }
.p-3 {
    padding: 0.75rem
    }
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
    }
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem
    }
.pl-3 {
    padding-left: 0.75rem
    }
.pl-3\.5 {
    padding-left: 0.875rem
    }
.align-middle {
    vertical-align: middle
    }
.font-secondary {
    font-family: Roboto Slab, serif
    }
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
    }
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
    }
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
    }
.font-bold {
    font-weight: 700
    }
.uppercase {
    text-transform: uppercase
    }
.leading-8 {
    line-height: 2rem
    }
.tracking-tighter {
    letter-spacing: -0.05em
    }
.text-accent {
    --tw-text-opacity: 1
    }
.text-error {
    --tw-text-opacity: 1
    }
.text-secondary {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.underline {
    text-decoration-line: underline
    }
.blur {
    --tw-blur: blur(8px)
    }
.blur, .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
.transition {
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
    }
:root {
    --main-font: "Open Sans", sans-serif;
    --secondary-font: "Roboto Slab", serif;
    --main-color: #221b2f;
    --secondary-color: #322744;
    --accent-color: #8046f1;
    --secondary-accent-color: #ffce7e;
    --light-color: #ededff;
    --success-color: #34a852;
    --error-color: #d0021b
    }
.hover\:text-accent:hover {
    --tw-text-opacity: 1
    }
.hover\:text-blue-400:hover {
    --tw-text-opacity: 1
    }
.hover\:underline:hover {
    text-decoration-line: underline
    }
@media (max-width: 767px) {
    .md\:w-1\/3 {
        width: 33.333333%
        }
    .md\:overflow-x-auto {
        overflow-x: auto
        }
    .md\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem
        }
    }
@media (max-width: 639px) {
    .sm\:mb-4 {
        margin-bottom: 1rem
        }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
        }
    }