* {
	box-sizing: border-box;
}

body{

	font-family: monospace;
	/*line-height: 1.5em;*/
	background: black;
	color: grey;
}

h1{
	margin: 20px;
	font-size: 3em;
	font-style: bold;
	margin-top: 60px;
  margin-bottom: 60px;
}

.holder {
	display: flex;
	flex-wrap: wrap;
}

.ascii {
	color: cyan;
	animation-name: asciiChange;
  	animation-duration: 1s;
  	animation-iteration-count: infinite;
}

.ascii:hover {
	color: magenta;
	animation-name: asciiChange;
  	animation-duration: 1s;
  	animation-iteration-count: infinite;
  	transition: color 2s;
}


@keyframes asciiChange {
  0%   {font-style: normal;}
  25%  {font-style: italic;}
  50%  {font-style: oblique;}
  100% {font-weight: bold;}
}

.main{
	width: 80%;
	margin: 100px auto;
	padding: 50px;
}

.sketchThumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div.sketchThumbs img {
  max-height: 150px;
  min-height: 75px;
}

ul{
	list-style: none;
}
 
ul li{
	color: #dadada;
}

a:link{
	color: #0000ff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

div.sketchHolder {
  margin: 80px;
  display: flex;
}

img {
  max-width: 100%;
}