.book-menu-content nav ul:nth-child(5) {
	padding-top: 20px;
	color: gray;
}

*:focus {
	outline-style: none;
	outline-color: transparent;
}

@media (prefers-color-scheme: dark) { 
	:root {
		--body-background: #121212
	}
}


.book-menu {
	strong {
		color: gray;
	}

	a {
		transition: all;
		transition-duration: 300ms;
		
		&:hover {
			opacity: .8;
			transform: scale(1.05);

			@media (prefers-reduced-motion) {
				transform: none;
			}
		}

		&.active {
			color: transparent;
			background-clip: text;
			background-color: rgb(44,175,208);
			background-image: linear-gradient(90deg, rgba(44,175,208,1) 0%, rgba(148,45,253,1) 100%);
		}
	}
}

.book-brand {
	span {
		color: transparent;
        	background-clip: text;
        	background-color: rgb(44,175,208);
        	background-image: linear-gradient(90deg, rgba(44,175,208,1) -50%, rgba(148,45,253,1) 150%);
	}
}

.book-page {
	a {
		color: rgb(70, 100, 200);
	}
	h1 {
		color: rgb(44, 175, 208);
	}

	h2 {
		color: rgb(88, 85, 233);
	}

	h3 {
		color: rgb(148, 45, 253);
	}
}

.book-toc-content {
	ul {
		li a {
			transition: all;
			transition-duration: 300ms;
			color: rgb(150, 150, 150);
		}

		ul li a {
			transition: all;
			transition-duration: 300ms;
			color: rgb(100, 100, 100);
		}
	}
}