body,
html {
    font-family: 'POPPINS', 'Roboto', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background-color: #EEF0F8;
    color: #302D2A;
    height: 100vh;
    overflow-y: auto;
}


/* Common */

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


/* Fonts */

.text-white {
    color: #fff;
}

.text-dgrey {
    color: #333;
}

.text-red {
    color: red;
}

.fs-xs {
    font-size: 0.7rem;
}

.text-wrap {
    word-wrap: break-word;
    /* This property will break the word if it's too long to fit in one line */
}


/* Animations  */

.boxShadow {
    transition: box-shadow .3s;
}

.boxShadow:hover {
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}


/* Tests */

.test-bck {
    background-color: #FB3C5A;
}

.test-bck2 {
    background-color: #fff;
}