/* Le Post-it superposé et cliquable */

.board {
	position: absolute;
    display: flex;
    margin-top: 1%;
    margin-left: 1%;
    gap: 30px;
	font-size: calc(32 * var(--res));
	font-style: italic;
	font-weight: bold;
	text-align: left;
	color: #842;
}

.post-it {
	width: calc(512 * var(--res));
	height: calc(512 * var(--res));
	background-color: #fefabc; /* Couleur jaune post-it */
	padding: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
	transform: rotate(-5deg); /* 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: left;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}

.post-it a {
	text-decoration: none;
}

/* 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;
}

.post-it a:hover {
	color: red
}