:root{--back:#f9f9f9;--fore:#444;--first:#282;--second:#5b5;--third:#f0f0f0}body,html{background:var(--back);color:var(--fore);font-family:Arial,sans-serif;font-size:14px;line-height:20px;margin:40px 0 0}header{background-color:var(--first);box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);color:var(--back);display:flex;padding:16px;position:fixed;top:0;width:100%;align-items:center}nav{display:flex;width:40%}h1{font-size:1.428em;font-weight:400;margin:0 5% 0 0}select{border:0;border-radius:30px 0 0 30px;outline:0;padding:4px 4px 4px 8px}input{background-color:var(--back);border:0;padding:4px;flex:1;border-radius:0 30px 30px 0}label{position:absolute;left:-1000px}main{columns:6 450px;column-gap:0;padding-bottom:16px}section{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);margin:0 8px 20px 8px;padding:8px;overflow:auto;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}h2{border-bottom:2px solid var(--third);color:var(--second);font-size:1.571em;line-height:28px;margin:0 0 16px}.flex{display:flex}.flex:nth-child(odd){background-color:var(--third)}.flex1{flex:1}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.loader{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.loader #spinner{animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite;box-sizing:border-box;stroke:var(--first);stroke-width:3px;transform-origin:50%}@keyframes line{0%{stroke-dasharray:2,85.964;transform:rotate(0)}50%{stroke-dasharray:65.973,21.9911;stroke-dashoffset:0}100%{stroke-dasharray:2,85.964;stroke-dashoffset:-65.973;transform:rotate(90deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(450deg)}}