body {
  width: auto;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 1;
  background: radial-gradient(ellipse at top, lightpink, wheat, lightgreen, transparent), radial-gradient(ellipse at bottom, white, lightblue, lightyellow, transparent); }

#select_box {
  width: 100%;
  height: auto;
  position: fixed;
  z-index: 1;
  bottom: 0;
  background: linear-gradient(90deg, lightblue 0%, lightpink 50%, lightyellow 100%) !important;
  border: 1px dotted;
  letter-spacing: 3px;
  transition-duration: 0.5s; }

#select_box:hover {
  background: linear-gradient(90deg, lightpink 0%, lightyellow 50%, lightblue 100%) !important;
  transform: skewX(6deg);
  font-family: "helpme2"; }

#Introduction {
  width: 100vw;
  height: auto;
  padding: 2vw;
  background: radial-gradient(ellipse at top, lightpink, wheat, lightgrey, transparent), radial-gradient(ellipse at bottom, white, lightblue, lightyellow, transparent); }
  #Introduction h1 img {
    top: 10vh;
    left: 80vw;
    position: fixed;
    transform: skewX(-10deg);
    z-index: -20;
    width: 10vw;
    transform-style: preserve-3d;
    transition: all 0.5s;
    transform: rotate(-8.99deg);
    z-index: 1; }
  #Introduction h1 p {
    color: black;
    font-size: 2.25vw;
    top: 0;
    width: 65vw;
    font-weight: normal;
    text-transform: inherit; }
    #Introduction h1 p span {
      font-family: "helpme2"; }

#Presentation {
  background: radial-gradient(ellipse at top, lightpink, wheat, lightgrey, transparent), radial-gradient(ellipse at bottom, white, lightblue, lightyellow, transparent); }

#Restitution nav table {
  /* top: 0; */
  margin: 0;
  padding: 0;
  width: 20vw;
  /* display: block; */
  /* justify-content: space-between; */
  position: fixed;
  /* height: auto; */
  right: 1vw; }
  #Restitution nav table th:hover {
    background: lightpink; }
#Restitution table {
  width: 100vw;
  margin: 0; }
#Restitution #big {
  display: flex; }
#Restitution tr:nth-of-type(even) {
  background: lightpink; }
#Restitution tr:nth-of-type(odd) {
  background: radial-gradient(wheat, lightpink); }
#Restitution .top {
  position: fixed !important;
  right: 2vw;
  bottom: 20vh;
  width: auto;
  font-size: 3vw; }
#Restitution .content-ambiance {
  padding-top: 12vh;
  right: 0;
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100vw;
  background: radial-gradient(wheat, lightpink); }
  #Restitution .content-ambiance h1 {
    padding: 2vw;
    width: 40vw;
    font-style: normal;
    font-family: sans-serif;
    font-weight: normal; }
    #Restitution .content-ambiance h1 span {
      font-family: "helpme2"; }
  #Restitution .content-ambiance .img-ambiance {
    width: 40vw;
    padding-top: 12vh; }
    #Restitution .content-ambiance .img-ambiance img {
      height: 10vh;
      transition: transform .2s;
      padding: 2vh; }
      #Restitution .content-ambiance .img-ambiance img:hover {
        transform: scale(5.5);
        cursor: zoom-in; }
#Restitution .result {
  margin: 2%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: radial-gradient(wheat, lightpink);
  width: 100vw; }
  #Restitution .result img {
    padding: 1vw;
    margin: 0vw;
    height: 85vh;
    width: auto; }

/*# sourceMappingURL=style.css.map */