/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
/* Base */
html {
	background-color: #141414;
	font-family: "Roboto Slab", serif;
	color: #fbfff1;
	font-size: 12px;
}

* {
	box-sizing: border-box;
}

body {
	background-color: #141414;
}

section {
	padding: 2rem;
}

h1 {
	font-size: 6rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 2.5rem;
}

a {
	color: #fbfff1;
	box-shadow: inset 0 0 0 0 #fbfff1;
	color: #fbfff1;
	margin: 0 -.25rem;
	padding: 0 .25rem;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
a:hover {
	box-shadow: inset 14rem 0 0 0 #fbfff1;
	color: #141414;
}

@media (min-width: 1000px) {
	html {
		font-size: 16px;
	}
	.row {
		display: flex;
		gap: 1.5rem;
	}
	.cell {
		flex: 1;
	}
}