:root {
	--main-color: #14212E;
	--other-color: #F7F4E9;
}

html {
	font-family: sans-serif;
	color: var(--main-color);
	background-color: var(--other-color);
}

a {
	color: var(--main-color);
}

.row-flex {
	display: flex;
	flex-direction: row	;
	gap: 1rem;
}

header {
	align-items: center;
	border-bottom: 1px solid var(--main-color);
	padding-bottom: 1rem;
	width: 100%;
}

body {
	overflow-y: hidden;
	height: 100vh;
}

main {
	max-width: 60vw;
	height: 100%;
	margin: auto;
	overflow-y: auto;
}

.logo {
	font-size: 2rem;
	text-decoration: none;
}

@media (prefers-color-scheme: dark) { 
	:root {
		--main-color: #F7F4E9;
		--other-color: #14212E;
	}
}