body {
	font-family: "MS Pゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
    margin: 0;
    padding: 20px;
	background: 
		  radial-gradient(farthest-side at -33.33% 50%,#0000 52%,#8b008b 54% 57%,#0000 59%) 0 calc(128px/2),
		  radial-gradient(farthest-side at 50% 133.33%,#0000 52%,#8b008b 54% 57%,#0000 59%) calc(128px/2) 0,
		  radial-gradient(farthest-side at 133.33% 50%,#0000 52%,#8b008b 54% 57%,#0000 59%),
		  radial-gradient(farthest-side at 50% -33.33%,#0000 52%,#8b008b 54% 57%,#0000 59%),
		  #000000;
	background-size: calc(128px/4.667) 128px,128px calc(128px/4.667);
}

header h1 {
    color: #84de02;
    text-align: center;
	text-shadow: 2px 2px #000000;
    font-size: 2rem;
	margin-top: 0;
}

h2 {
	text-align: center;
	text-shadow: 1px 1px #000000;
	color: #ff007f;
	font-size: 1.5rem;
	padding: 2px 10px;
	margin-top: 0;
}

.container {
    max-width: 500px;
    margin: 0 auto;
    padding: 25px;
	background:
		  radial-gradient(50% 50% at 100% 0,#84de02 0%  5% ,#FF007F 6%  15%,#84de02 16% 25%,#FF007F 26% 35%,#84de02 36% 45%,
		   #FF007F 46% 55%,#84de02 56% 65%,#FF007F 66% 75%,#84de02 76% 85%,#FF007F 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50% at 0 100%,#84de02 0%  5% ,#FF007F 6%  15%,#84de02 16% 25%,#FF007F 26% 35%,#84de02 36% 45%,
		   #FF007F 46% 55%,#84de02 56% 65%,#FF007F 66% 75%,#84de02 76% 85%,#FF007F 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50%,#84de02 0%  5% ,#FF007F 6%  15%,#84de02 16% 25%,#FF007F 26% 35%,#84de02 36% 45%,
		   #FF007F 46% 55%,#84de02 56% 65%,#FF007F 66% 75%,#84de02 76% 85%,#FF007F 86% 95%,
		   #0000 96%),
		  radial-gradient(50% 50%,#84de02 0%  5% ,#FF007F 6%  15%,#84de02 16% 25%,#FF007F 26% 35%,#84de02 36% 45%,
		   #FF007F 46% 55%,#84de02 56% 65%,#FF007F 66% 75%,#84de02 76% 85%,#FF007F 86% 95%,
		   #0000 96%) 32px 32px;
	background-size: 64px 64px;
	background-color: #84de02;
}

section {
    min-width: 250px;
    padding: 10px;
    margin-bottom: 15px;
	border: 1px ridge #8b008b;
	background-color: #f2f3f4;
}

section p {
	padding: 0 15px;
}

a {
    color: #ff007f;
    text-decoration: underline;
	font-weight: bold;
	background: #f2f3f4;
	padding: 2px;
}

a:hover {
    color: #84de02;
    background: #000000;
}


.news ul {
	padding: 0 20px;
}

.member {
	padding: 0 30px;
}

footer {
	color: #ffffff;
    text-align: center;
    font-size: 0.8rem;
    margin-top: 20px;
}

@media (max-width: 600px) {
    body {
        padding: 10px;
    }
    header h1 {
        font-size: 1.2rem;
    }
}