* {margin: 0px;}
body {font-family: Arial; background-color: #e6ffe6;font-size: 15px; color: black;}
a {color: inherit; text-decoration: none;}
.default {max-width: 1000px; margin-left: auto; margin-right: auto;}
.center {text-align: center;}
.button {border: 1px solid green; padding: 2px 10px; background-color: yellowgreen;}
.more {margin: 10px 0px; text-align: right;}
#page {display: flex; min-height: 100vh; flex-direction: column;}
header.main {padding: 10px; background-color: #98cc98; border-bottom: 1px solid #888;}
header.main h1,header.main h2 {font-size: 3rem;}
header.main p {padding: 10px 0px;}
nav.main {}
nav.main .menu {padding: 10px 10px; font-size: 1.2rem; margin-top: 10px; font-weight: bold;}
nav.main .menu li {list-style-type: none; display: inline-block; vertical-align: top; padding: 2px 10px; border: 1px solid #888;margin: 0px 10px 10px 0px; background-color: #f0f0f0;}
nav.main .menu li:last-child {border-right: 1px solid #888;}
nav.main .menu li.active {background-color: yellowgreen;}
.content {flex: 1;}
.content .default {padding: 10px 10px; background-color: white; border:1px solid #888; margin-bottom: 20px; margin-top: 20px;}
.content .default h2 {font-size: 2rem;padding: 10px 0px 0px 0px;}
.content .default h3 {font-size: 1.2rem;padding: 10px 0px 0px 0px;}
.content .default p {padding: 10px 0px;}
.content .default img {max-width: 50%; border: 1px solid #888;min-width: 300px;padding: 1px;}
.content .default .item {border-top: 1px dashed #888; padding: 10px 0px; margin: 10px 0px}
.content .default .item a {font-style: italic; text-decoration: underline;}
.content .default .single header h1 {margin-bottom: 20px; }
.content .default .single header strong {font-size: 1rem; }
.content .default .single img {margin-top: 10px; margin-bottom: -20px; max-width: 100%;padding: 0px; }
.content .default .single p {line-height: 22px;}

footer.main {padding: 10px; background-color: #98cc98; border-top: 1px solid #888;}