body,
html {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color:#333;
}


/* Common */

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


/* Fonts */

.txtWhite {
    color: #fff;
}

.txtDgrey {
    color: #333;
}

.txtRed {
    color: red;
}

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


/* HTML Elements */

a:hover {
    color: #333
}

i {
    margin-right: 10px;
}

p {
    margin: 0;
    padding: 0;
}

button,
input[type="submit"],
input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}


/* 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;
}

.test-txt {
    color: #FB3C5A;
}

.test-txt2 {
    color: #fff;
}