@font-face {
    font-family: 'FA 6 Pro';
    src: url('fonts/font-awesome/regular.woff2') format('opentype');
    font-weight: 100;
}

@font-face {
    font-family: 'FA 6 Pro';
    src: url('fonts/font-awesome/regular.woff2') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'FA 6 Pro';
    src: url('fonts/font-awesome/regular.woff2') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'FA 6 Pro';
    src: url('fonts/font-awesome/solid.woff2') format('opentype');
    font-weight: 900;
}

@font-face {
    font-family: 'FA 6 Brands';
    src: url('fonts/font-awesome/brands.woff2') format('opentype');
    font-weight: 400;
}

.fat {
    font-family: 'FA 6 Pro';
    font-weight: 100;
}

.fal {
    font-family: 'FA 6 Pro';
    font-weight: 300;
}

.far {
    font-family: 'FA 6 Pro';
    font-weight: 400;
}

.fas {
    font-family: 'FA 6 Pro';
    font-weight: 900;
}

.fab {
    font-family: 'FA 6 Brands';
    font-weight: normal;
}

/*

|---- Common icons ----|
|---- Common icons ----|
|---- Common icons ----|
|---- Common icons ----|

arrow right:  
arrow left: 
chevron right: 
chevron left: 

*/