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

.flex-right {
    display: flex;
    justify-content: right;
}

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

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

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

.pLeft-05 {
    padding-left: 0.5rem;
}

.pRight-05 {
    padding-right: 0.5rem;
}


.effect {
    transform: translateY(100px);
    opacity: 0;
}

.hidden {
    opacity: 0;
}

/* .invert {
    filter: invert(100%)
} */