rticle,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} html,body{font-family:helvetica,arial,sans-serif;font-size:100%;background-color:whitesmoke;} body{width:90%;max-width:800px;margin:30px auto;} header h1{font-size:2.5em;font-weight:700;margin-bottom:-6px;} header h2{font-size:2em;margin-left:2px;} header{padding:25px 35px;border-bottom:2px solid #dedede;} header div#h-content{float:left;text-transform:uppercase;} header section#footer{float:right;text-align:right;} p{line-height:1.5rem;padding-left:20px;} .clear{clear:both;} #footer ul{list-style-type:none;font-size:0.9em;} #footer ul li{margin-bottom:3px;} #footer ul li a,a[href^=tel]{text-decoration:none;} main{padding:0 40px;} .a-title{float:left;font-size:1.5em;} .project > h2.a-title{width:100%;} .a-content{float:right;width:75% } article{border-top:1px solid #dedede;padding:20px 0 0;} article:first-child{border-top:0;} article:last-child{padding:20px 0 10px;} .skills{list-style-type:none;padding-left:0;} .a-content h4,.a-content h3{font-size:1.25em;margin-bottom:-5px;} .period{font-size:0.8em;font-style:italic;margin-bottom:3px;} p.personal,ul.skills{padding-top:10px;} pre{padding:1rem;border-top:dashed grey 1px;border-bottom:dashed grey 1px;} nav{border-bottom:thin solid;line-height:3em;} nav a{margin-right:1em;} nav a:link,nav a:visited{} nav a:hover,nav a:active{text-decoration:underline;} footer{border-top:thin solid;margin-top:2em;padding:1em 0;text-align:center;} footer section p{font-size:0.8em;} footer a{margin-right:1em;} footer a:last-child{margin-right:0;} article{margin-top:1em;margin-bottom:1em;} article h2 a:link,article h2 a:visited,article h1 a:link,article h1 a:visited,.more:link,.more:visited{} article h2 a:hover,article h2 a:active,article h1 a:hover,article h1 a:active,.more:hover,.more:active{} p.meta{margin-top:0;font-size:0.8em;font-style:italic;} p.summary{margin-top:0.25em;margin-bottom:0.25em;} div .more{margin-top:0;font-weight:bold;} .rss{padding:0.3em 0.35em;border-radius:0.25em;font-size:0.75em;font-weight:bold;} .rss:link,.rss:visited,.rss:hover,.rss:active{text-decoration:none;} .rss:link,.rss:visited{} .rss:hover,.rss:active{} @media (prefers-color-scheme:dark){html,body{background-color:#333333;color:whitesmoke;} a{color:#ff8822;} a:visited{color:#cb4b16;} pre{border-top:dashed whitesmoke 1px;border-bottom:dashed whitesmoke 1px;} } @media (prefers-color-scheme:light){html,body{background-color:#f2e2c2;color:#333333;} pre{border-top:dashed #666666 1px;border-bottom:dashed #666666 1px;} } @media only screen and (min-width:600px){.a-title{width:25% } nav .links{float:right;} } .contact-form{max-width:600px;} .contact-form header{padding:0;border-bottom:none;margin-bottom:1em;} .form-group{margin-bottom:1em;} .form-group label{display:block;font-weight:bold;margin-bottom:0.25em;} .form-group input,.form-group textarea{width:100%;padding:0.5em;font-size:1em;border:1px solid #999;border-radius:3px;box-sizing:border-box;} .form-group textarea{resize:vertical;} .form-group button{padding:0.75em 1.5em;font-size:1em;cursor:pointer;border:1px solid #333;border-radius:3px;background:#333;color:#fff;} .form-group button:hover{background:#555;} .required{color:#c00;} small.error{color:#c00;display:block;margin-top:0.25em;} .alert{padding:1em;margin-bottom:1em;border-radius:3px;} .alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724;} .alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;} .honeypot{position:absolute;left:-9999px;} @media (prefers-color-scheme:dark){.form-group input,.form-group textarea{background:#444;color:whitesmoke;border-color:#666;} .form-group button{background:#555;border-color:#777;} .form-group button:hover{background:#666;} .alert-success{background:#1e4620;border-color:#2d6a30;color:#a3d9a5;} .alert-error{background:#4a1c1c;border-color:#6b2828;color:#e6a5a5;} }