/*****************************
 FONT 
 Don't forget to add 
<link href="./css/style/Poppins-Regular.ttf&display=swap" rel="stylesheet" as="font" type="font/truetype" />
<link href="./css/style/MaterialSymbols-Fill-reduce.woff2&display=swap" rel="stylesheet" as="font" type="font/woff2" />
in html <header>
*****************************/
@font-face {
    font-family: Poppins;
    src: url("./Poppins-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Material Symbols';
    src: url("./MaterialSymbols-Fill-reduce.woff2") format('woff2');
    font-display: swap;
}

.material-symbols {
    font-family: "Material Symbols" !important;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    direction: ltr;
}