body {
	font-family: cursive;
	color: lightpink;
}

#header {
	color: hotpink;
}

#header > h1 {
	font-size: 420%;
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white,
	-2px 1px white, 1px 2px white, 2px -1px white, -1px -2px white,
	0px 6px slategrey, -2px 5px slategrey, 2px 5px slategrey,
	0px 5px slategrey, -2px 4px slategrey, 2px 4px slategrey,
	0px 4px slategrey, -2px 3px slategrey, 2px 3px slategrey,
	0px 3px slategrey, -2px 2px slategrey, 2px 2px slategrey,
	0px 2px slategrey, -2px 1px slategrey, 2px 1px slategrey;
}

a {
	color: lightpink;
}

a:hover,
summary:hover {
	color: pink;
	cursor: pointer;
}

.board-title {
	margin-top: 5rem;
}

.emoji {
	text-shadow: 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black, 0rem 0rem 0.07rem black;
}

.toc {
	font-size: .9rem;
	text-align: left;
	padding: .5rem;
	width: 12%;
	position: sticky;
	top: 4rem;
}

.toc[open] {
	width: 14%;
}

.toc, .button-board {
  	background-color: #2e282a;
  	border-style: groove;
  	border-color: darkgoldenrod;
  	border-width: 0.5rem;
}

.button-board {
	padding-top: 3rem;
	padding-bottom: 0.75rem;
	display: flex;
	flex-wrap: wrap;
  	justify-content: center;
}

.playSound {
	background-color: lightpink;
	color: black;
	font-family: cursive;
	width: 10rem;
	height: 7.5rem;
	font-size: 1.5rem;
	margin: 0rem 1rem 3rem 1rem;
	padding: 0.5rem;
	border-radius: 100%;
	border-style: none;
	box-shadow: 0px 5px 0px 0px salmon, 0px 10px 0px 5px goldenrod;
	word-wrap: break-word;
}

.playSound:not(:active):hover {
	background-color: pink;
	cursor: pointer;
}

.playSound:active {
	background-color: salmon;
	box-shadow: 0px 0px 0px 0px salmon, 0px 5px 0px 5px goldenrod;
	margin-top: 5px;
	margin-bottom: 0rem;
}

#duduDada:not(:active):hover {
	background-image: url(dudu.jpg);
	background-size: 100%;
	background-blend-mode: overlay;
	background-color: rgba(255, 182, 193, 0.99);
}

#duduDada:active {
	background-image: url(dudu.jpg);
	background-size: 100%;
	background-blend-mode: overlay;
}