/*Semantics*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
blockquote,
ul,
ol,
li,
hr,
body {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
ul {
	list-style-type: none;
}
body {
	font-family: tnn, serif;
	background-color: var(--light);
}
a {
	color: inherit;
  text-decoration: none;
}
img,
video {
	width: 100%;
	border: none;
}
div {
	position: relative;
}
header {
	grid-area: header;
}
section {
	grid-area: section;
}
nav {
	grid-area: nav;
}
aside {
	grid-area: aside;
}
main {
	grid-area: main;
}
footer {
	grid-area: footer;
}
article {
	grid-area: article;
}
* {
	paint-order: stroke fill;
	box-sizing: border-box;
	font-smooth: never;
}
/* basic animations */

@keyframes bg-scroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 100% 100%;
	}
}

/* specifics */
.pixel {
	image-rendering: pixelated;
}
#container {
	margin-left: auto;
	margin-right: auto;
	display: grid;
}
.button {
	width: 88px;
	height: 31px;
}
.flex {
	display: flex;
}

.tooltip {
	visibility: hidden;
	position: absolute;
	z-index: 99999999999999999999999999999999999999999999999999999999999999999;
}

.test {
	border: 2px solid red;
}