.min-h-screen {
    min-height: 100vh
}

.max-w-screen-md {
    max-width: 768px
}

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

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.h-48 {
    height: 12rem
}

.rounded-lg {
    border-radius: .5rem
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-col {
    flex-direction: column
}

.p-4 {
    padding: 1rem
}

.w-8 {
    width: 2rem
}

.w-full {
    width: 100%
}

.max-w-screen-md {
    max-width: 90%;
}

.radius30 {
    border-radius: 30px;
}