*{margin:0;padding:0}body{font-size:100%}html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-weight:300;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#222}p,pre,li{line-height:1.4em}li{margin:0 0 .5em 0}#header{margin-bottom:2.3em}#header h1{font-size:2.2em}h1,h2,h3,h4,h5,h6{font-size:1em;margin:0 0 .2em .05em}h1{font-size:2.00em}h2{font-size:1.35em}h3{font-size:1.10em}h4{font-size:1.05em}h5{font-size:1.02em}h6{font-size:1.00em}code{font-size:1.25em}a,a:visited,a:hover,a:focus,a:hover,a:active{color:#666;text-decoration:none;border-bottom:.1em solid #ccc}pre{overflow:auto;border-left:.2em solid #ccc;padding-left:1em}pre code{display:block;width:50em}p,pre,ul,table{margin:0 1em 1em 1em}li{list-style-type:none}#footer a,#footer a:visited,#footer a:hover,#footer a:focus,#footer a:hover,#footer a:active{text-decoration:none}#footer{margin:2em 0 0 0}#footer ul{margin:0 0 1em 1em}#footer li{display:inline}.board th,.board tr,.board td{margin:0;padding:0}.board td,.board th{width:1.3em;height:1.3em;text-align:center}.board{background:#000}.board .square{background:#fff;font-size:2.7em}.board .highlight{background:red}@media screen and (min-width:30em){body{width:25em;margin:0 auto 0 auto}#header h1{font-size:3em;margin:0;text-align:center}#Web h2,#Mail h2,#Site h2{display:none}#Site li{display:inline}#Web,#Mail{width:42%;float:left}#Mail{margin-left:12%}#Web{text-align:right}#Mail{text-align:left}#Site{text-align:center}}@media screen and (min-width:48em){body{width:43em}#header h1{font-size:4.9em}p,li{text-align:justify}#Web p,#Web li{text-align:right}#Contact section{width:49%;float:left}#Summary{clear:both}}@media screen and (min-width:100em){body{font-size:150%}}