a:link  	{color: #00f;}
a:visited 	{color: #f0f;}
a:hover 	{color: #0ff;}
a:active 	{color: #f0f;}

		body {
			font-family: sans-serif;
		}

		header {
			margin: 2%;
			padding: 2%;
			border: 1px solid #000;
			outline: 2px solid #eee;
			box-shadow: 6px 6px 0 #000;
			font-size: 4em;
		}

		h1,h2 {
			margin: 0;
			line-height: 0.8em;
			letter-spacing: -0.08em;
		}

		h2 {
			transform: translateX(0.6em);
		}
		
		figure {
			line-height: 0;
		}

		details {
			margin-left: 8vw;
		}

		summary {
			font-size: 48pt;
		}

		p {
			width: 26em;
		}

		ul {
			list-style-type: none;

		}

		li {
			margin: 4% 0 4% 0;
			width: 31vw;
			height: 16vw;
			padding: 0;
			float: left;
			text-align: center;
		}

			li:nth-of-type(3n+1) {margin-left: 0;}
			li:nth-of-type(3n+3) {margin-right: 0;}

		iframe {
			border: 0pt solid transparent;
			height: 12vw;
		}

			iframe:hover {
				
			}

		figcaption {
			border: 1px solid #000;
			outline: 2px solid #eee;
			box-shadow: 6px 6px 0 #000;
			width: 35%;
			margin: auto;
			padding: 1em;
			text-align: right;
		}

		h4 {
			margin: 0;
			font-weight: normal;
			font-size: 0.8em;
		}

		span {
			font-size: 1em;
		}

		.artist-name {
			font-size: 1.2em;
		}

		.artist-details {
			margin-bottom: 1em;
		}

		.artwork-year {
				
		}

		cite {
			font-weight: bold;
		}

figcaption a:link  		{color:#000;text-decoration:none;}
figcaption a:visited 	{color:#aaa;text-decoration:none;}
figcaption a:hover 		{color:#000;text-decoration:none;background-color:#ff0;}
figcaption a:active 	{color:#f0f;text-decoration:none;}