@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Anton:ital,wght@400&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
@import url('//fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&display=swap');
@import url('//fonts.googleapis.com/css2?family=Rowdies:wght@400&display=swap');
@import url('//fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Sriracha:wght@400&display=swap');
@import url('//fonts.googleapis.com/css2?family=Sriracha:wght@400&display=swap');
:root {
--BBG: #1F1F23FF;
--PBG: #282834FF;
--PCL: #ABABABFF;
--TBG: #18181BFF;
--CCL: #57575CFF;
--IBG: #1B1B1DFF;
--ICL: #2E2E33FF;
--FBG: #14141AFF;
--FCL: #4F4F4FFF;
--DBG: #000000FF;
--DCL: #777777FF;
--HBG1: #101014FF;
--HBG2: #282834FF;
--HCL1: #BFC6DCFF;
--HCL2: #7C8597FF;
--ABG1: #471CBEEE;
--ABG2: #344E86FF;
--ABG3: #41406DFF;
--ACL1: #CCCCCCFF;
--ACL2: #121212FF;
--ACL3: #1976D2FF;
--LOGO_size: 77%;
--RGB: 16, 16, 20;
--logo: url('//paulgheorghe.ro/media/assets/header/logo.png');
}
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------->

@font-face { font-family: "Font Awesome 7 Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-regular-400.woff2") format("woff2"); }
@font-face { font-family: "Font Awesome 7 Pro"; font-style: normal; font-weight: 900; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-solid-900.woff2") format("woff2"); }
@font-face { font-family: "Font Awesome 7 Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-light-300.woff2") format("woff2"); }  
@font-face { font-family: "Font Awesome 7 Pro"; font-style: normal; font-weight: 100; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-thin-100.woff2") format("woff2"); }

@font-face { font-family: "Font Awesome 7 Sharp"; font-style: normal; font-weight: 400; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-sharp-regular-400.woff2") format("woff2"); }
@font-face { font-family: "Font Awesome 7 Sharp"; font-style: normal; font-weight: 900; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-sharp-solid-900.woff2") format("woff2"); } 

@font-face { font-family: "Font Awesome 7 Duotone"; font-style: normal; font-weight: 900; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-duotone-900.woff2") format("woff2"); } 
@font-face { font-family: "Font Awesome 7 Brands"; font-style: normal; font-weight: 400; font-display: swap; src: url("//icons.weo.ro/7.0.1/webfonts/fa-brands-400.woff2") format("woff2"); }