footer{width:100%;background:#1a1a1a;color:#ddd;padding:20px 30px;font-size:1em;align-items:center;margin-bottom:-20px}footer a{flex:0 0 auto;color:#bbb;margin:0 5px;font-size:13px}footer a:hover{text-decoration:underline}footer span{margin-right:15px;font-weight:700;margin-left:5px}footer #legend{padding:0 20px}.sh{box-shadow:0 1px 1px 0#c0cee8}footer,ul.articles{display:flex;flex-wrap:wrap}.articles li{margin:10px 0;padding:10px;float:left;width:50%;box-sizing:border-box}.articles li:last-child{border-bottom:none}.articles li a{padding:2px 3px}.paragraph{max-width:1200px}.search-form{display:block;background:#444;float:right;padding:0 5px;border-radius:5px;margin-right:10px}.search-form [name=search-input]{background:#444;color:#ddd;border:0;margin:0;padding:8px 10px;font-size:14px}.search-form button{background:#444;color:#ddd;border:0;margin:0;padding:6px 10px}#overlay,.menu-responsive{position:fixed;width:100vw;height:100vh;left:0;top:0}.menu-responsive{max-width:230px;transform:translateX(-230px);-webkit-transform:translateX(-230px);transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}.menu-responsive.visible{transform:translateX(0);-webkit-transform:translateX(0)}#overlay.visible{display:block;z-index:2;opacity:1;transition:.2s ease-in-out}