* {
	box-sizing:border-box ;
}
body {
	background-color:black; 
	color:white ;
	margin:0 ;
	font-family:sans-serif ;
}
h1 {
	width:100% ;
	height:2.5rem ;
	line-height:2.5rem ;
	font-size:2rem ;
	color:#222;
	margin:0 ;
	background-color:#ccc ;
	font-family:monospace ;
	padding-left:1rem ;
	border-bottom:1px solid #ccc ;
	margin-bottom:1rem ;
}
a {
	color:#ccf ;
}
a:visited {
	color:#ccf ;	
}
div.foot {
	width:100% ;
	height:2rem ;
	line-height:2rem ;
	font-size:1rem ;
	color:#222;
	margin:0 ;
	text-align: right ;
	padding-right:2rem ;
	background-color:#ccc ;
	font-family:monospace ;
}
div.foot a {
	color:#222 ;
}
div.desc {
	margin:2rem ;
	font-size:1.2rem ;
}
div.note {
	width:700px;
	margin:1rem ;
	margin-top:3rem ;
	font-size:0.8rem ;
	border:1px solid #ccc ;
	padding:1rem ;
}
div.poxe {
	background-color:none ;
}
@media screen and (min-width:800px) {
div.poxe {
	width:800px ;
	height:500px ;
	margin-left:2rem ;
}
div.note {
	width:750px;
	margin-left:2rem ;
}
}
@media screen and (max-width:800px) {

div.poxe {
	width:90vw;
	height:50vw ;
	margin-left:5vw ;
}
div.note {
	width:90vw;
	margin-left:5vw ;
}
}
@media screen and (max-width:200px) {
body {
	display:none;
}
}