/* CSS : aspect de la page(couleurs, taille, position...) */

		/* '#' seelctione un balise qui a id="x" d'un id */
		/* '.' seelctione une balise qui a class="x" d'un classe */
p{
  color: rgb(247, 53, 85);
}
h1 {
  color: blue;
}
p:hover {
  background: rgb(255, 144, 222);
}

		#tableauAvecImage {

			background-image: url('../assets/img/minecraft.jpg');
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: center top;

		}


		/*  background="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQlxtkAeB0R488poXoeV4d1QWgoCR1kKmfB-w&s" > */
.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 1rem;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px rgb(255, 130, 249);
  border-radius: 10px;
  background-color: rgb(243, 36, 243);
  background-image: linear-gradient(
    to top left,
    rgb(0 0 0 / 20%),
    rgb(0 0 0 / 20%) 30%,
    transparent
  );
  box-shadow:
    inset 2px 2px 3px rgba(255, 0, 212, 0.966),
    inset -2px -2px 3px rgba(142, 80, 224, 0.6);
}

.styled:hover {
  background-color: rgb(146, 233, 255);
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(0, 60, 255, 0.6),
    inset 2px 2px 3px rgba(209, 168, 168, 0.6);
}
/*style*/