main#game .right::before {
  margin-top: -2px;
}
@media screen and (max-width: 792px) {
  main#game .right::before {
    margin-top: 0;
  }
}
main#game .wrong::before {
  margin-top: -2px;
}
@media screen and (max-width: 499px) {
  main#game .wrong::before {
    margin-top: 0;
  }
}
main#game .preview {
  width: 20%;
  min-width: 130px;
  max-width: 200px;
}
@media screen and (max-width: 680px) {
  main#game .preview {
    display: block;
    float: unset;
    -o-object-position: unset;
       object-position: unset;
    margin-left: unset;
    margin-bottom: unset;
    margin: auto;
    width: 100%;
    min-width: unset;
    max-width: 150px;
  }
}
main#game > section:has(h2#Sommaire) > div#picture {
  width: 40%;
  min-width: 260px;
  max-width: 450px;
}
@media screen and (max-width: 840px) {
  main#game > section:has(h2#Sommaire) {
    flex-flow: column nowrap;
    margin-top: 20px;
    margin-bottom: -20px;
  }
  main#game > section:has(h2#Sommaire) > div#picture {
    margin: auto;
    margin-bottom: 20px;
    width: 100%;
    min-width: unset;
    max-width: 350px;
  }
  main#game > section:has(h2#Sommaire) > div:has(h2#Sommaire) {
    width: 100%;
    padding-left: 0;
  }
}/*# sourceMappingURL=IndianaJones.css.map */