*{
    padding: 0%;
    margin: 0%;
}

.p-fixed {
    position: fixed;
}

.p-absolute {
    position: absolute;
}

.d-flex, .d-flex-row, .d-flex-column {
    display: flex;
}

.d-flex-row {
    flex-direction: row;
}

.d-flex-column {
    flex-direction: column;
}

.flex-centered {
    justify-content: center;
    align-items: center;
}

.d-flex-row-center, .d-flex-column-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-column-center {
    flex-direction: column;
}

.d-flex-row-center {
    flex-direction: row;
}

.items-start {
    align-items: flex-start;
}

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

.items-end {
    align-items: flex-end;
}

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

/*******JUSTIFY********/
.justify-start {
    justify-content: flex-start;
}

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

.justify-end {
    justify-content: flex-end;
}

.justify-around {
    justify-content: space-around;
}

.justify-between {
    justify-content: space-between;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-stretch {
    justify-content: space-evenly;
}

/********ALIGN CONTENT *****/

.align-content-start {
    align-content: flex-start;
}

.align-content-end {
    align-content: flex-end;
}

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

.align-content-stretch {
    align-content: stretch;
}

.align-content {
    align-content: flex-start;
}

.align-content-around {
    align-content: space-around;
}

.align-content-between {
    align-content:space-between;
}


/*******COLOR*********/

.bg-white {
    background-color: white;
}

.bg-orangered {
    background-color: orangered;
}

.bg-red {
    background-color: red;
}

.bg-lightblue {
    background-color: lightblue;
}

.bg-white-smoke {
    background-color: #f1f1f1;
}


/******MEASURE ****/

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

.w-2 {
    width: 50%;
}

.h-2 {
    height: 50%;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.mh-full {
    width: 100%;
    height: 100%;
}

.border-0 {
    border: 1px solid lightgrey;
}

.shadow-0 {
    box-shadow: 1px 1px 2px 2px #f1f1f1;
}