.flex {
    display: flex;
}

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


.pt-4 {
    padding-top: 2em;
}


.ml-4 {
    margin-left: 2em;
}

.mr-3 {
    margin-right: 1.5em;
}


.mb-3 {
    margin-bottom: 1.5em;
}

.mb-5 {
    margin-bottom: 2.5em;
}

.mt-5 {
    margin-top: 2.5em;
}


.border-none {
    border: none;
}

.overflow-hidden {
    overflow: hidden;
}


.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.left-0 {
    left: 0;
}

.left-wt {
    left: 50%;
    transform: translateX(-50%);
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.bottom-1 {
    bottom: 0.5em;
}

.bottom-2 {
    bottom: 1em;
}

.bottom-3 {
    bottom: 1.5em;
}

.bg-radial-white {
    background: linear-gradient(rgb(0 0 0 / 0%), #fafafa);;
}

.bg-radial-red {
    background: linear-gradient(#e66465, #9198e5);
}



.w-full {
    width: 100%;
}

.w-1 {
    width: 0.5em;
}

.w-2 {
    width: 1em;
}

.w-3 {
    width: 1.5em;
}

.w-5 {
    width: 2.5em;
}

.w-9 {
    width: 4em;
}

.w-10 {
    width: 4.5em;
}

.h-full {
    height: 100%;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}


.grid {
    display: grid;
}

.grid-flow-col {
    grid-auto-flow: column;
}

.grid-rows-1 {
    grid-template-rows : repeat(1,minmax(0,1fr));
}

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

.grid-rows-3 {
    grid-template-rows : repeat(3,minmax(0,1fr));
}

.grid-rows-4 {
    grid-template-rows : repeat(4,minmax(0,1fr));
}

.col-span-1 {
    grid-column: span 1 / span 1;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}


.gap-4 {
    gap: 16px 16px;
}

.cursor-pointer {
    cursor: pointer;
}

.transition {
    transition: 0.5s all;
}


.anim-bounce {
    animation: bounce 1.5s infinite;
}


 @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translate(-50%, 0);
    }
    40% {
        transform: translate( -50%, -30px);
    }
    60% {
        transform: translate( -50%, -10px);
    }
}


.text-right {
    text-align: right;
}

.font-bold {
    font-weight: 700;
}

.text-base {
    font-size: 1rem;
    color: #e66465;
}

.bg-transparent {
    background: transparent
}