.container {
    width: 100%;
    width: 1100px;
    margin: 0 auto 0 auto;
}

@media (min-width:640px) {
    .container {
        max-width: 640px;
        max-width: 90%;
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px;
        max-width: 90%;
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px;
        max-width: 900px;
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px;
        max-width: 1100px;
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px;
        max-width: 1100px;
    }
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mt-10 {
    margin-top: 2.5rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.w-40 {
    width: 10rem
}

.shrink {
    flex-shrink: 1
}

.grow {
    flex-grow: 1
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.gap-4 {
    gap: 1rem
}

.self-end {
    align-self: flex-end
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.border {
    border-width: 1px
}

.p-6 {
    padding: 1.5rem
}

.pt-4 {
    padding-top: 1rem
}

.text-left {
    text-align: left
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.underline {
    text-decoration-line: underline
}

.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-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(.4, 0, .2, 1);
    transition-duration: .15s
}