/*
SYNOPSIS D'UN STYLE CSS

sélecteur{
	propriété:valeur;
	propriété:valeur;
	propriété:valeur;
}
*/

body{
	background-color: lightpink;

.cursor{
cursor: url(cursor.png);
}

#buttonVal{
  position:absolute;
  top:65%;
  left:44%
}

	
#buttonYes{
  position:absolute;
  top:65%;
  left:46%
}

#buttonNo{
  position:absolute;
  top:65%;
  left:50%
}

#buttonBox{
  position:absolute;
  top:60%;
  left:47%
}

#buttonGift{
  position:absolute;
  top:75%;
  left:44%
}

#buttonGift2{
  position:absolute;
  top:75%;
  left:39%
}

#buttonJoking{
  position:absolute;
  top:68%;
  left:37%
}


#buttonSure{
  position:absolute;
  top:68%;
  left:53%
}

.imageHeight{
  position:absolute;
  top:18%;
  left:41%;
  width: 18%;
  height:45%;

 }

#imageFront{
  position:absolute;
  top:15%;
  left:40%;
  width: 20%;
  height:52%;

 }

#imageYes{
  position:absolute;
  top:30%;
  left:43%;
  width: 17%;
  height:45%;

 }

#gift{
  position:absolute;
  top:8%;
  left:36%;
  width: 27%;
  height:60%;
 }

 .imageGift{
  position:absolute;
  top:8%;
  left:36%;
  width: 27%;
  height:60%;

 }


#imageNo{
    position:absolute;
    top:25%;
    left:43%;
  width: 16%;
  height:40%;

 }

#imageSure{
  position:absolute;
  top:32%;
  left:45%;
  width: 8%;
  height:20%;

 }

#container{
    height:50%;
    display:flex;
    justify-content: center;
    align-items: center;
  }

}