@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&family=Sora:wght@100..800&display=swap');

:root {
  --white:#f8f8f8;
  --lighter:#f5f5f5;
  --light:#ececec;
  --grey:#e1e1e1;
  --black:#313131;
}
body {
  background-color: var(--grey);
  font-family:"Radio Canada Big", sans-serif;
  color:var(--black);
}
body, p, ul, li, h1,h2,h3,h4,h5,h6 {
  margin:0px;
  padding:0px;
}
div {
  position: relative;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-family:"Sora", sans-serif;
}
a {
  color:inherit;
}
* {
  paint-order: fill stroke;
  image-rendering: pixelated;
  box-sizing: border-box;
}
header {
  grid-area:header
}
main {
  grid-area:main
}
nav {
  grid-area:nav
}
aside {
  grid-area:aside
}
article {
  grid-area:article
}
footer {
  grid-area:footer
}

#container {
  margin: 0 auto;
  max-width:var(--container);
}
.grid {
  display:grid;
}
.flex {
  display:flex;
}
.no-filter {
  image-rendering: auto;
}