@font-face {
	font-family : 'Minimal'; 
	src : url('../font/Roboto-Light.ttf');
}

h1 { 
	font-weight : 200;
	font-size : min(8vh, 16vw);
}

h2 { 
	font-weight : 400;
	font-size : min(3vh, 6vw);
}

h3 { 
	font-weight : 800;
	font-size : min(2vh, 4vw);
}

p {
  font-size: min(2vh, 4vw);
}

h1, h2, h3, p, ul {
	font-family : 'Minimal', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: rgb(20, 20, 20);
	-webkit-font-smoothing: subpixel-antialiased;
}

h1, h2 {
	text-align : center;
	transform: translateZ(0.5px);
}

a {
	color : hotpink;
	text-decoration : none;
	position : relative;
}

p > a:before, h2 > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: hotpink;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.05s ease-out 0.05s;
}

p > a:hover:before, h2 > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
body {
	overflow: hidden;
	background-color: white;
	margin: 0;
}
#container {
	width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 10px;
  perspective-origin: center center;
}