.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;
}





@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: 700;

    margin-right: 45px;
    margin-left: 45px;
}



.cyan {

color: cyan;
}

h1 {

	
	font-family: Happytimes;
	
	font-size: 300px;
	line-height: 300px;
	
	width: 200px;

	position: absolute;



	
}

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

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

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



.flex {
	display: flex;
	width: 700;

    margin-right: 45px;
    margin-left: 45px;
}



.cyan {

color: cyan;
}

h1 {

	
	font-family: Mourier;
	
	font-size: 300px;
	line-height: 200px;
	
	width: 200px;
	margin-left: 100px;
	margin-top: 300px;
	position: fixed;



	
}

h2{
font-family: Happytimes;


	font-size: 50px;
	line-height: 52px;
	transform: rotate(-30deg);
	margin-left: 50px;
	

		
}


p{

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

	line-height: 18px;
	 
	  margin-right: 200px;
	  padding:30px 30px 30px 30px;
	

	
}

.rotate {

	transform: rotate(47.5deg);
}

.flex-vertical {

  display: flex;

  width: 800px;
  flex-direction: column;
  margin-right: 800px;

}

.black {
	background-color: black;
}

.white {
	color: white;
}

 .width
 { width: 400px;}


.topmargin {

	 margin-top: 275px;
}