:root {
	--color-bg: hsl(300, 3%, 14%);
	--color-fg: #dacfca;
	--color-accent: #dcdcdc;
}

body {
	background-color: var(--color-bg);
	background-image: url(/assets/tiles/verticalstripes-black-44a.webp);

}

.basebox-bg {
	background-color: #333235;
	border-color: #171717;
	outline-color: #171717;
}

.basebox {
	color: var(--color-fg);
	padding-right: 1.25rem;

	.sidebar {
		margin-right: 1rem;
	}
}

.mainbox {
	img {
		max-width: 100%;
		border: 0.1rem solid var(--color-fg);
	}

	p {
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.5;
		margin-block: 1rem;
	}
	p.whisper {
		font-size: 1.2rem;
	}
}

.images-container {
	display: flex;
	flex-direction: column;
}

.organs {
	img {
		max-width: 7rem;
		border: none;
	}
}

a {
	color: deepskyblue;

	&:hover {
		color: crimson;
	}
}

.fanfiction {
	border: 0.1rem solid var(--color-fg);
	padding: 1rem;

	.header {
		margin-bottom: 0.5rem;

		& > *:not(a) {
			display: block;
		}

		.title {
			font-size: 2rem;
			font-weight: bold;
		}
	}

	details summary {
		font-size: 1.5rem;
		line-height: 1.5;

		&:hover {
			cursor: pointer;
		}
	}
}