@font-face {
	font-family	: Raleway;
	src		: url("Raleway.ttf");
}
:root {
	box-sizing	: border-box;
	background-color: black;
	color		: white;
	font-family	: Raleway;
}
*, *:before, *:after {
	margin		: 0;
	padding		: 0;
	box-sizing	: inherit;
}
nav {
  position: fixed;
  top: 0;
  width: 100vw;
  /*height: 10vh;*/

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  
  padding-left: 1rem;
  padding-right:1rem;
}
nav a {
  text-decoration: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: Raleway;
  font-size: 1rem;
  font-weight: bold;
  color: inherit;
}
nav a:hover {
  color: grey;
}
.container {
	position	: fixed;
	top		: 45vh;
	/*left		: 10vw;
	right		: 10vw;
	text-align	: justify;*/
	width		: 50vw;
	left		: 25vw;
}
h1{
	font-size	: 2rem;
	margin-bottom	: 1rem;
}
p {
	font-size	: 1.2rem;
	margin-bottom	: 1rem;
	line-height	: 1.3;
}
.small {
	font-size	: 0.5rem;
}
canvas {
	z-index		: -1;
	position	: fixed;
	left		:calc(50vw - 25%);
}
@media screen and (min-width: 1000px) {
  nav {
    justify-content: space-evenly;
  }
}