* { margin: 0; padding: 0; box-sizing: border-box; font-size: inherit; }
html { font-size: 10px; }
html, body { height: 100%; }
body { padding: 2rem; gap: 2rem; font-size: 1.6rem; background: #000; color: #CCC; font-family: "Segoe UI", sans-serif; display: flex; flex-direction: column; }
a { color: #FFF; border-bottom: 2px solid; text-decoration: none; }
h1 { font-size: 2rem; font-weight: 100; }
img { max-width: 28rem; }

@media (min-width: 960px) {
	body { padding: 5rem; }
	h1 { font-size: 3.4rem; }
	img { max-width: 90rem; }
}

@media (min-width: 1280px) {
	img { max-width: none; max-height: 10rem; }
}