host,
:root {
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(./fonts/webfonts/fa-light-300.woff2) format("woff2"), url(./fonts/webfonts/fa-light-300.ttf) format("truetype")
}


.fa-light,
.fal {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/Roboto-Light.woff2) format("woff2"), url(./fonts/Roboto-Light.woff) format("woff"), url(./fonts/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Roboto-Regular.woff2) format("woff2"), url(./fonts/Roboto-Regular.woff) format("woff"), url(./fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Roboto-Bold.woff2) format("woff2"), url(./fonts/Roboto-Bold.woff) format("woff"), url(./fonts/Roboto-Bold.ttf) format("truetype")
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    text-transform: uppercase;
    color: #000
}