main#game .preview {
  width: 30%;
  min-width: 250px;
  max-width: 350px;
}
@media screen and (max-width: 1081px) {
  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: 250px;
  }
}
main#game > section:has(h2#Sommaire) > div#picture {
  width: 40%;
  min-width: 325px;
  max-width: 475px;
}
@media screen and (max-width: 640px) {
  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=Snake.css.map */