@import url("base.css");

/* Grains fournis par Gauthier, convertis pour le web sans génération. */
body::before {
  display: none;
}

body,
.hero,
.projects-section,
.about-section,
footer,
.photo-lightbox {
  background-image: url("media/grain-dark.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body,
.projects-section,
footer {
  background-color: var(--ink);
}

.hero {
  background-color: #10110e;
}

.about-section {
  background-color: #161712;
}

.photo-lightbox {
  background-color: #050605;
}

.photo-section {
  background-color: var(--paper);
  background-image: url("media/grain-light.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}