* {
	box-sizing: border-box;
}

:root {
	--main-color-dark: #16181D;
	--main-color-text-dark: white;
	--main-color-light: white;
	--main-color-text-light: #16181D;

	--main-color:var(--main-color-light);
	--main-text-color:var(--main-color-text-light)
}

@media (prefers-color-scheme: dark) {
	:root {
		--main-color:var(--main-color-dark);
		--main-text-color:var(--main-color-text-dark)
	}

	img {
		opacity: .75;
		transition: opacity .5s ease-in-out;
	}
	img:hover {
		opacity: 1;
	}
}


body {
	margin: 0;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: var(--main-color);
	background: var(--main-color);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.container {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color: inherit;
}