*, *:after, *:before { margin: 0; padding: 0; box-sizing: border-box; }

html { background-color: #ebefdf; font-size: 10px; font-family: 'Overpass Mono'; }
html, body { min-height: 100vh; }

@keyframes BG_MOVE { 0% {background-position: 0 0; } 100% { background-position: 0 4px; }}

.page-outer { min-height: 100vh; display: flex; flex-direction: column;
	align-items: center; justify-content: center; padding: 2em;
	/*background: linear-gradient(to top, rgba(0,0,0,0.05) 49.9%, rgba(0,0,0,0.0) 50%);
	background-size: 4px 4px;
	animation: 1s infinite BG_MOVE linear;*/ }

.logo { width: 60vmin; height: 60vmin; position: relative;
	text-indent: 150%; overflow: hidden; white-space: nowrap; }
.logo svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 1em; }

.logo svg { fill: transparent; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.logo svg .logo_layer { transition: 0.025s transform cubic-bezier(0.5,0,0.5,1); mix-blend-mode: multiply; }
.logo svg .r { stroke: #f00; }
.logo svg .g { stroke: #0f0; }
.logo svg .b { stroke: #00f; }

p { font-size: 2.25vmin; }