body {
	background-color: #4d697c;
	background-image: url("assets/wn-background.png");
	color: white;
	font-family: Arial, Verdana;
	display: flex;
	flex-direction: column;
	align-items: center;
}

p {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}

li {
	margin: 8px;
	padding: 1px;
	line-height: 2;
}

div {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 6px;
}


.link-box {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 6px;
	padding: 8px;
	text-decoration-line: none;
}

.link-box:hover {
	background-color: rgba(240, 240, 255, 1);
}


.nc-image {
	margin: 10px;
	filter: grayscale(25%);
}

.nc-image:hover {
	filter: grayscale(0%);
	animation-duration: 120ms;
	animation-name: jiggle;
	animation-timing-function: ease-in;
	animation-iteration-count: 3;
}

@keyframes jiggle {
	0% {
		rotate: 0;
	}

	25% {
		rotate: -3deg;
	}

	50% {
		rotate: 0;
	}

	75% {
		rotate: 3deg;
	}

	100% {
		rotate: 0;
	}
}

* {
	text-wrap: balance;
}