User:Interaktionsdesign/WLM/test.css

.modal{
	display:none;
	position:fixed;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,.8);
	
	justify-content:center;
	align-items:center;
}

.modal>.modal-cover>a{
	position:absolute;
	display:block;
	top:0;
	left: 0;
	right:0;
	bottom:0;
}

.modal>.inner{
	background-color: #FFF;
	border-radius: .5em;
	box-shadow: .1em .1em 1em rgba(0,0,0,.2);
	padding:2em;
	text-align: center;
	min-width: 30rem;
	font-size:2em;
}

.modal:target{
	display:flex;
}