* {
	--light:          #86c977;
	--midl:           #337f60;
	--midd:           #1b5d53;
	--dark:           #0e2830;
	font-family:      "FiraCode Nerd Font", "FiraCode", "Courier New", monospace;
	image-rendering:  pixelated;
	line-height:      1.5;
}

header, body, footer {
	background-color: var(--dark);
	color:            var(--light);
	margin:           0 0 auto 0;
} main {
	background-color: var(--light);
	color:            var(--dark);
	width:            1024px;
	margin:           0 auto auto auto;
	padding:          20px;
}

a {
	color:            var(--dark);
	font-weight:      bold;
	text-decoration:  underline;
	
	display:          inline-block;
	transform-origin: center;
	will-change:      transform;
	transition:       all 200ms;
} a:hover {
	color:            var(--light);
	background-color: var(--midd);
	transform:        scale(1.1);
	z-index:          1;
}