@charset "utf-8";
body {
	font-size: 1em;
	line-height: 150%;
	color: hsla(0,6%,90%,1.00);
	background-color: hsla(220,3%,17%,1.00);
}
ul {
	list-style: none;
	margin: 20px;
}
li {
	border-radius: 10px;
	text-align: center;
	background-color: hsla(0,0%,0%,1.00);
	width: 50%;
}
li a {
	color: hsla(58,79%,72%,1.00);
	border-radius: 10px;
}
li:hover {
	background-color: hsla(221,94%,7%,1.00);
}
.img {
	width: auto;
	height: auto;
}


.pp {
	padding: 20px 0px 20px 0px;
	margin: 5px 20px 10px 20px;
}

@media (min-width: 800px){
        .content {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.2em;
                }
                
        }