@import "reset.css";
@import "button.css";

main{
	display:flex;
	flex-wrap: wrap;
}
nav{
	position:sticky;
	width:100%;
	padding: 1em 0;
	text-align:left;
}
nav img{height:2.4em}
figure{
	padding:1em;
	box-shadow: inset 0 0 1px black;
	width:25%;
	height:100%;
}
img{
	cursor:pointer;
}
dialog img{
	max-height:100vh;
}
dialog button{
	position: absolute;
	top:0;
	right:.3em;
}
dialog{
	width:100%;
	height:100%;
	border:0;
}
:modal{
	background: rgba(0,0,0,.8);
	display:flex;
	justify-content:center;
	max-height:100%;
	max-width:100%;
}