.hidden{
    display:none !important;
}

.block{
    display:block;
}

.inline-block{
    display:inline-block;
}

.flex{
    display:flex;
}

.inline-flex{
    display:inline-flex;
}

.grid{
    display:grid;
}

.relative{
    position:relative;
}

.absolute{
    position:absolute;
}

.fixed{
    position:fixed;
}
.text-center{
    text-align:center;
}

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

.text-right{
    text-align:right;
}
.w-100{
    width:100%;
}

.h-100{
    height:100%;
}
.rounded{
    border-radius:var(--radius-md);
}

.rounded-lg{
    border-radius:var(--radius-lg);
}

.rounded-full{
    border-radius:999px;
}
.shadow-sm{
    box-shadow:var(--shadow-sm);
}

.shadow-md{
    box-shadow:var(--shadow-md);
}

.shadow-lg{
    box-shadow:var(--shadow-lg);
}
/* ==========================================
   DISPLAY
========================================== */

.u-hidden{
    display:none !important;
}

.u-block{
    display:block;
}

.u-inline{
    display:inline;
}

.u-inline-block{
    display:inline-block;
}

.u-flex{
    display:flex;
}

.u-inline-flex{
    display:inline-flex;
}

.u-grid{
    display:grid;
}
/* ==========================================
   POSITION
========================================== */

.u-relative{
    position:relative;
}

.u-absolute{
    position:absolute;
}

.u-fixed{
    position:fixed;
}
/* ==========================================
   ALIGNMENT
========================================== */

.u-text-center{
    text-align:center;
}

.u-text-left{
    text-align:left;
}

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

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

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

.u-justify-between{
    justify-content:space-between;
}
/* ==========================================
   WIDTH
========================================== */

.u-w-100{
    width:100%;
}

.u-h-100{
    height:100%;
}
/* ==========================================
   RADIUS
========================================== */

.u-rounded{
    border-radius:var(--radius-md);
}

.u-rounded-lg{
    border-radius:var(--radius-lg);
}

.u-rounded-full{
    border-radius:999px;
}
/* ==========================================
   SHADOW
========================================== */

.u-shadow-sm{
    box-shadow:var(--shadow-sm);
}

.u-shadow-md{
    box-shadow:var(--shadow-md);
}

.u-shadow-lg{
    box-shadow:var(--shadow-lg);
}
.reveal{
    opacity:0;
    transform:translateY(40px);
    transition:.8s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}