@charset "utf-8";
/* CSS Document */
.highly-creative {
  	color: grey;
	font-family: "LucidaSans Unicode-Regular";
	font-size: 40px;

}

.name {	
	font-family:Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace'; 
	position: absolute;
	top:60vh;
	left:1vw;
	flex: 25%;
	max-width:100%;
	font-size: 10vw;
	color: white;
	
}

.rectangle{
	display: flex;
	
}

.rectangle img{
	flex: 33%;
	max-width: 33%;
}

.row{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
	flex:25%;
  max-width:100%;
  padding:10px;
}

.column{
  flex:25%;
  max-width:50%;
  padding:10px;
}

.column img{
  width:100%;
  max-width:100%;
  margin:10px;
  vertical-align:middle;
}

.copyright{
	text-align: center;
	font-family: "LucidaSans Unicode-Regular";
	font-size: 20px;
	color: grey;
}

@media screen and (max-width:800px)
{
  .column
  {
    flex:50%;
    max-width:50%;
  }
}

@media screen and (max-width:600px)
{
  .column
  {
    flex:100%;
    max-width:100%;
  }
}