/* about.html */

#about-content {
	grid-column: 1 / 3;
	padding-top: 1.5rem;
}

#about-content p {
	line-height: 63px;
	max-width: 50vw;
	margin: 0;
}

.about-link {
	text-decoration-line: underline;
	text-decoration-color: var(--secondary-fade-color);
	text-decoration-thickness: 5px;
	text-underline-offset: 3px;
	text-decoration-skip-ink: none;
	cursor: pointer;
}

.about-link:hover {
	text-decoration-color: var(--secondary-accent-color);
}

/* Modal overlay */
#modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	cursor: pointer;
}

#modal-overlay[hidden] {
	display: none;
}

#modal-image {
	max-width: min(80vw, 900px);
	max-height: 80vh;
	object-fit: contain;
	display: block;
	pointer-events: none;
}