body{background:#fff; border: 1px solid #eee; box-shadow: 0 0 5em #cde; color:#666; font-family:"verdana","arial"; font-size: 1.1em; margin: 2em 15% 10em; padding: 1em;}
a{color:#339;}
button{background:#f8f8f8; border-radius: 0.3em; border: 1px solid #ccc; padding: 0.3em 1em;}
button:hover{background:#ccc; }
h1{margin: 0; color:#569; color:#78b; font-size: 150%;}
h2{margin: 2em 0 2em; color:#569;}
h3{color:#79b;}
hr{border: none; border-top: 2px solid #abc;}
nav{background: #f0f0f0; background: linear-gradient(#fff,#f0f0f0); padding: 1.5em 1.0em 0.7em 1.0em;}
nav a{background: rgba(255,255,255,0.4); text-decoration: none; border: 0px solid #e0e8f0; color:#67a ;padding: 0.7em; margin-top: 1em; }
nav a.active{background: #fff; border-top: 3px solid #008; /* box-shadow: 0.3em 0.5em 1em #fff, -0.3em 0.5em 1em #fff; */}
nav a:hover{text-decoration: underline;}

.link{ display: inline-block;text-align: center; }
.link a{ border: 2px solid #e0e8f0; border-radius: 1em; display: inline-block; padding: 2em; margin-bottom: 1em;}
.link a:hover{ background-color: #e0e8f0;}