:root {
	--accent: black;
}

@media (prefers-color-scheme: dark) {
	:root,
	::backdrop {
		--accent: #dcdcdc;
	}

	img {
		filter: invert(1);
	}
}

#name {
	font-size: 48pt;
	font-family: "Yellowtail", cursive;
}

div.social-link img {
	vertical-align: middle;
	height: 35px;
}

td {
	border-width: 0;
	padding: 1px;
}

img {
	height: 40px;
	display: block;
	margin: 0 auto;
}

tr {
	background-color: var(--bg) !important;
}

td:nth-child(2) {
	padding-left: 13px;
}

main {
	padding-top: 0;
}

a:hover {
	text-decoration: underline;
}