/* derubeis.com - one page, one logo, one red gradient.
   Gradient stops were sampled from the webcastbuilder.com header
   (Porto theme: linear-gradient(to bottom, #ff1218, #8b090d) under a
   rgba(157,10,15,.8) overlay), as rendered: #e33422 at the top to
   #811f16 at the bottom. */

:root {
	--red-top: #e33422;
	--red-mid: #b0291c;
	--red-bottom: #811f16;
}

* {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--red-mid);
	background: linear-gradient(to bottom, var(--red-top) 0%, var(--red-mid) 50%, var(--red-bottom) 100%);
	background-attachment: fixed;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-align: center;
}

main {
	padding: 2rem;
}

h1 {
	margin: 0;
	line-height: 0;
}

/* The PNG is 252x77 and has no retina version; it is shown at its
   native size so it stays crisp. It shrinks only on very narrow screens. */
h1 img {
	width: 252px;
	max-width: 80vw;
	height: auto;
}

.note {
	margin: 2rem 0 0;
	font-size: 1rem;
	opacity: 0.85;
}

.note a {
	color: #fff;
}