/* =========================================
   DISPLAY
========================================= */

.d-flex{

    display:flex;
}

.d-grid{

    display:grid;
}

.d-block{

    display:block;
}

.hidden{

    display:none;
}

/* =========================================
   ALIGNMENT
========================================= */

.text-center{

    text-align:center;
}

.items-center{

    align-items:center;
}

.justify-center{

    justify-content:center;
}

.justify-between{

    justify-content:space-between;
}

/* =========================================
   WIDTH
========================================= */

.w-100{

    width:100%;
}

/* =========================================
   SPACING
========================================= */

.mt-1{

    margin-top:8px;
}

.mt-2{

    margin-top:16px;
}

.mt-3{

    margin-top:24px;
}

.mb-1{

    margin-bottom:8px;
}

.mb-2{

    margin-bottom:16px;
}

.mb-3{

    margin-bottom:24px;
}