@font-face{font-family:robotoregular;src:url(../fonts/Roboto-Regular-webfont.woff) format('woff');font-weight:400;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}html{font-size:13px}body{font-family:arial,helvetica,sans-serif;margin:0;padding:0;min-height:100vh;background:#0083cb url(../img/background-main.jpg) no-repeat right bottom}h1{font-size:5rem}h2{font-size:1.5rem;color:#005d8f}p{margin:5px 0;padding:0;line-height:1.2rem}header{padding:10px;max-width:1000px;margin-left:auto;margin-right:auto}header h1{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}main{font-family:robotoregular;display:grid;grid-template-columns:auto 250px;box-sizing:border-box;max-width:1000px;margin-left:auto;margin-right:auto;background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.5)}aside{padding:10px;background-color:#bddff3}.titles{font-size:1.4rem;font-weight:700;color:#005d8f}#articles{display:grid;padding:.75rem;grid-template-columns:repeat(12,1fr);grid-gap:.75rem}article{box-sizing:border-box;padding:.75rem;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.15);overflow:auto;grid-column:span 6}article div.icons{margin:.75rem 0 0 0;text-align:right}article a{text-decoration:none;color:inherit}article img.sq{width:75px;margin:0 .75rem .75rem 0;float:left;border-radius:3px}article a.gh{display:inline-block;font-size:11px;background-color:#005d8f;color:#fff;border-radius:4px;padding:3px 6px}article a.gh img{float:left;width:14px;height:14px;margin-right:3px}footer{min-height:330px}@media all and (max-width:1000px){main{max-width:96vw}}@media (max-width:767px){h1{font-size:3rem}h2{font-size:1.4rem}body{background:#0083cb url(../img/background-main-small.jpg) no-repeat right bottom}footer{min-height:170px}main{max-width:96vw;display:block}article img.sq{width:40px}}