.flex {
    display: flex;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

.h-screen {
    height: 100vh;
}

.w-16 {
    width: 4rem;
}

.w-96 {
    width: 24rem;
}

.h-16 {
    height: 4rem;
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / 1);
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / 1);
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / 1);
}

.border-dashed {
    border-style: dashed;
}

.border-2 {
    border-width: 2px;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-1 {
    opacity: 0.2 !important;
}

.opacity-2 {
    opacity: 0.4 !important;
}

.opacity-25 {
    opacity: 0.25;
!important;
}

.opacity-3 {
    opacity: 0.6 !important;
}

.opacity-4 {
    opacity: .8 !important;
}

.opacity-5 {
    opacity: 1 !important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
    opacity: 0 !important;
    transition: opacity .25s ease-in-out !important;
    -moz-transition: opacity .25s ease-in-out !important;
    -webkit-transition: opacity .25s ease-in-out !important;
}

.opacity-0h5:hover {
    opacity: 1 !important;
}