@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);body{background-color:#eaeaea;font-family:'Open Sans',sans-serif}a.imglnk{text-decoration:none}.bio label{font-weight:700;text-transform:uppercase;margin-right:10px}#footer{font-size:11pt;padding:8px 16px;border-top:1px solid #ccc;text-align:right;margin-top:48px}.clear{clear:both}.contacts{margin:52px auto;width:402px;background-color:#f9f7f7;padding:16px;border:1px solid #ccc;border-radius:5px}.contacts h4{margin:0}.contacts a{display:block;padding:16px;text-align:center}div#menu{margin:39px 0 24px 0;border-bottom:1px dotted #c1c1c1;padding-bottom:10px}#body .section{min-height:400px;display:none;padding:0 16px}#body #sec-whoami{padding-top:32px}#body .section.active{display:block}#body .section .soft{list-style-type:square}#body .section .soft-title{text-transform:uppercase;margin-bottom:6px;font-size:13pt}#body .section .soft-url{background-image:url(/img/github.png);background-position:left center;background-repeat:no-repeat;padding-left:24px;margin-top:0;margin-left:16px}#body .section .soft-url a{text-transform:uppercase;color:#004fa2;font-size:10pt}#body .section .soft-img{max-width:100%}#body .section .soft-img-bobby{width:300px;float:left;margin-right:32px}#body .section .whoami-img{border:1px solid #eee;opacity:.6;box-shadow:0 0 8px #737373;float:left;margin-left:86px}#body .section .bio{margin-left:340px;border-left:8px double #ccc;padding-left:16px}#menu h3.title{text-transform:uppercase;float:left;margin:0 16px;padding:0 8px;cursor:pointer}#menu h3.title:hover{color:#c70000}#menu h3.title.active{color:#004fa2;border-bottom:2px solid #004fa2}#slogant{font-size:45pt;text-align:center;color:#eaeaea;font-weight:300}#container{margin:24px auto;width:900px;background-color:#fff;padding:8px;border-radius:8px;box-shadow:0 0 35px #a7a7a7}#head h1{margin:8px 0 16px 0;text-align:center;font-size:43pt}#head h1 .ext{font-size:22pt;color:#ccc}.soft-img-bobby-qr{width:196px;margin:auto;display:block}@media screen and (max-width:670px){#body .section .whoami-img{float:none;display:block;margin:auto}#body .section .bio{margin:46px auto;width:296px}.contacts{width:90%}#body .section .soft-img-bobby{max-width:100%;float:none;margin-right:0}ul.softs{padding:0}ul.softs li{list-style-position:outside}}@media screen and (max-width:970px){#container{width:auto}}