/* Le Post-it superposé et cliquable */
.post-it {
	position: absolute;
	top: 10%;       /* Ajustez la position verticale */
	left: 10%;     /* Ajustez la position horizontale */
	width: 400px;
	height: 400px;
	background-color: #fefabc; /* Couleur jaune post-it */
	padding: 15px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
	transform: rotate(-10deg); /* Léger effet penché réaliste */
	transition: transform 0.2s ease, box-shadow 0.2s ease;

	/* Reset du style de lien */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}

/* Effet au survol (Hover) */
.post-it:hover {
	transform: scale(1.05) rotate(0deg); /* Se redresse et grossit légèrement */
	box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}