@charset "utf-8";

/* ##########################
###   GESTION DES FONTS   ###
############################# */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-regular-400.woff2") format("woff2"),
       url("fonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.woff2") format("woff2"),
       url("fonts/fa-solid-900.ttf") format("truetype");
}

.fa-icon {position:relative}
.far, .fa-regular {font-weight:400}
.fas, .fa-solid {font-weight:900}


/* ############################
###   GESTION DES BALISES   ###
############################### */
html {scroll-behavior:smooth}