.cube a {

	text-decoration: none;
	display: block;

	width: 20px;
	height: 20px;
	background-color: black;
 padding:10px 10px 10px 10px;
 margin: 0 auto;
   font-family:Lack;

      font-size: 10px;

      font-weight: bold;
      color: #ffffff;
      text-align: center;
}






div {

	

align-content: center;
margin: 100px auto;



}



@font-face {
  font-family: "Lack";
  src: url("fonts/Lack-Regular.woff") format("woff2");

}

@font-face {

  font-family: "Mourier";
  src: url("fonts/Mourier.woff") format("woff2");
}

@font-face {

  font-family: "Happytimes";
  src: url("fonts/happy-times-at-the-ikob-webfont.woff") format("woff2");
}

.flex {
	display: flex;
	width: 500;

   
}

.flex-vertical {

	display: flex;
	height: 2000px; 
	width: 800px;
	flex-direction: column;
	justify-content: flex-center;
}

.cyan {

color: cyan;
}

h1 {

	font-family: Happytimes;;
	
	font-size: 200px;
	line-height: 200px;
	
}

p{

font-family: Lack;
	width: 300px;
	font-size: 10px;

	line-height: 12px;
	position: relative;
	margin-left: 400px;
}
	
}

.bigp {
	font-size: 24px;
}

h2{

font-family: Mourier;
width: 300px;
	font-size: 47px;
	line-height: 50px;
	position: fixed;
	
}
	
}