root {
	--cover-color: #000;
	/* Change the text color on the cover page */
	--cover-bg-overlay: rgba(255, 255, 255, 0.5);
	/* Adjust the overlay color/opacity */
}

/* Or disable the mask entirely if needed */
.mask {
	display: none;
}

.cover,
.cover .anchor span {
	color: white;
}

.cover img {
	max-width: 800px;
}

.cover {
	background: url(_media/bg.png) center center / contain !important;
}

a.anchor {
	color: white;
}

img {
	max-width: 70%;
	margin: 30px 0;
}

img[data-orientation="portrait"] {
	max-width: 50%; 
}

body {
	font-size: 18px;
}

.sidebar ul li a {
	font-size: 16px;
}

.todo {
	margin: 30px 0;
	padding: 20px;
	border: 1px solid #888;
	background-color: #f2f2f2;
}

.todo .title {
	text-transform: uppercase;
	font-size: 12px;
	color: #888;
	margin-bottom: 10px;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	gap: 10px;
	margin-bottom: 2rem;
}

.gallery-item {
	width: 200px !important;
	height: 200px !important;
	max-width: none !important;
	object-fit: cover;
	border-radius: 0;
	cursor: pointer;
	transition: transform 0.2s;
	display: block;
	margin: 0 !important;
	padding: 0;
}

.gallery-item:hover {
	transform: scale(1.02);
}

.caption {
	font-size: 12px !important;
	margin: -30px 0 50px 0;
}