.f,.f *{position:fixed;height:100%;max-width:100%;top:0;left:50%}
.f *{transform:translate(-50%,0)}
.f{display:none;left:0;width:100%;background:rgba(0,0,0,0.8)}
*:focus+.f{display:block}

div.it { max-width: 80vw;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #e0def4;
	padding: 0.5vw;
	border-radius: 1vw;
	margin-bottom: 1vw;
	
}
a.acc { display:inline;
	background-color: #e0def4;
	font-size: 15px;
	color: black;
	padding: 1vw;
}

div.in { max-width: 30vw;
	background-image: url(img/text.jpg);
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: 2vw;
	padding: 0.5vw;
	border-radius: 1vw;
}
p.mid { 	padding: 0.5vw;
	border-radius: 0.5vw;
	background-color: #dabcff;
}
img.o { width: 200px;
	border-radius: 0.5vw;
	margin-top: 0.5vw;
	margin-left: 0.5vw;
}
body { margin-top: 2vw;
background-color: #87afaf;
background-image: url(img/pattern.gif);
background-size: 200px;
}

p.t1 { right: 10vw;
	float:right;
	font-style: bold;
	position: relative;
}

p.p1 { float:right;
	top: -14vw;
	position: relative;
	right: 10vw;
}
body { font-style: italic;
}