body{margin:0 auto;font-family:sans-serif;font-size:20px;line-height:33px;background-color:#d9eaf4;min-width:350px;}body>*{padding:15px;}main,nav{margin:0 auto;}nav{max-width:920px;}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;}nav ul li{float:none;display:inline-block;}ul li a{font-size:18px;display:inline-block;}a{color:#013768;text-decoration:none;}a:hover{color:#000;text-decoration:underline;}hr{border-top:1px solid #8c8c8c;border-bottom:1px solid #fff;}main{background-color:#fff;border-top:1px #c8c8c8 solid;border-bottom:1px #c8c8c8 solid;}article{max-width:640px;margin:0 auto 50px auto;}h1,h2,h3{font-family:sans-serif;color:#013768;margin:30px 0 10px 0;}h1{font-size:2em;line-height:1em;margin:1em 0;}#category{margin:1em auto;width:640px;}main#index h1{font-size:1.7em;margin:1em 0;}header a,footer a,main#index h1 a{text-decoration:none;}main#index article{padding:0 0 1em 0;}h2{ font-size:1.4em}h3{ font-size:1.15em}header p{font-size:0.8em;color:#555;font-style:italic;padding:0;}p{padding:0 0 20px 0;margin:0;}pre{position:relative;overflow-x:scroll;left:-12px;background-color:#222;color:#fff;padding:12px;width:100%;font-size:0.7em;line-height:1.2em;}code{font-family:monospace;font-size:0.9em;background-color:#ddd;color:000;border:1px #aaa solid;padding:0px 3px;border-radius:3px; }img.right{float:right;padding:0 0 5px 10px;left:0;}@media all and (min-width:800px){nav ul{text-align:right;display:block;padding:0;margin:0;}header ul li:first-child{float:left;}nav ul li{float:none;display:inline;}ul li a{font-size:20px;padding:1em;margin:0;display:inline-block;}h1{font-size:2.5em;margin:1.5em 0;}article img{position:relative;left:-42px;}}