a{
color: white;
text-decoration: none;

}







.cube a {
	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: 0 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: 100%;
	flex-direction: row;

	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-vertical {

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

.cyan {

color: cyan;
}


.white {

color: white;
}

h1 {

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

p{

font-family: Happytimes;
	width: 300px;
	font-size: 12px;
	color: black;

	line-height: 14px;
	position: relative;
	
}

.bigp {
	font-size: 24px;
}

h2{

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