/* CSS Document */

@charset "UTF-8";

::selection {
	color: white;
	background: black;
   }

html { box-sizing: border-box; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; margin: 0; }
*, *::after, *::before { box-sizing: inherit; }
html, body { scroll-behavior: smooth; }

/*
//	body
*/

body {
	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0;
	padding: 0;

	min-height: 100vh;

	background: #060606;

	font-family: var(--font-family);
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: auto;
}

/*
//	tools and behaviors
*/

a { color: inherit; text-decoration: none; }
a:hover { color: black; }
a:active, a:focus { outline: 0; }

.logo path:first-child { fill: var(--color-2); }
.logo path:last-child { fill: var(--color-3); }

img {
	width: 80%; max-width: 550px;
	border: 0;
}