/******************************************************************************\
* Styles for the "Yes, I'm Suren't" page                                       *
* By Leandro Motta Barros                                                      *
\******************************************************************************/

@font-face {
	font-family: 'BarriecitoRegular';
	src: url('/fonts/barriecito-regular.otf') format('opentype');
}

.content {
	h1, h2, h3, h4 {
		font-family: BarriecitoRegular, sans-serif;
	}
}

.sbxs-yis-title img {
	float: left;
	width: 5rem;
}

.sbxs-yis-title h1 {
	position: relative;
	top: -0.5rem;
	left: 1rem;
}

[data-theme=dark] {
	figure.colorize-logo-sbxs-yis img {
		filter: brightness(875%) hue-rotate(-35deg) saturate(110%);
	}
	h1, h2, h3, h4 {
		color: #dcc3ff;
	}
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme=light]) {
		figure.colorize-logo-sbxs-yis img {
			filter: brightness(875%) hue-rotate(-35deg) saturate(110%);
		}
		h1, h2, h3, h4 {
			color: #dcc3ff;
		}
	}
}

[data-theme=light] {
	figure.colorize-logo-sbxs-yis img{
		filter: invert(0.12);
	}
	h1, h2, h3, h4 {
		color: #2b164f;
	}
}

@media (prefers-color-scheme: light) {
	:root:not([data-theme=dark]) {
		figure.colorize-logo-sbxs-yis img {
			filter: invert(0.12);
		}
		h1, h2, h3, h4 {
			color: #2b164f;
		}
	}
}