body{box-sizing:border-box;text-align:center;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.2em;background:#f5f5f5;color:#222}*,*:before,*:after{box-sizing:inherit}h1{font-size:40px;line-height:1.2em;font-family:"Arial Black",Gadget,sans-serif;margin:0 0 10px;padding:0;color:#000}h2{font-size:20px;line-height:1.2em;font-family:"Arial Black",Gadget,sans-serif;padding:40px 0 20px;margin:0;color:#000}a{color:inherit;text-decoration:none}#card{margin:120px auto 20px;padding:0px 10px 20px;background:#fff;border-bottom:4px solid #0cf;max-width:700px}#avatar{width:200px;vertical-align:middle;line-height:0;border:4px solid #fff;margin:-104px 0 10px}ul.contact,ul.more{margin:0 auto;padding:0;list-style:none;text-align:left;max-width:300px}ul.contact li,ul.more li{margin:0;padding:0;list-style:none}ul.contact li:not(:last-child),ul.more li:not(:last-child){margin-bottom:10px}ul.contact li a,ul.more li a{transition:background .2s linear;display:block;padding:10px 20px;background:#f5f5f5;border-left:4px solid #0cf;position:relative}ul.contact li a:hover,ul.contact li a:active,ul.contact li a:focus,ul.more li a:hover,ul.more li a:active,ul.more li a:focus{background:#e5e5e5}ul.contact li a{padding:15px 20px 15px 70px}ul.contact li svg{transform:translate(-50%, -50%);width:30px;height:30px;position:absolute;top:50%;left:35px;vertical-align:middle;line-height:0;text-align:center}ul.contact li svg path{fill:#222}ul.more li .title{font-weight:bold}ul.more li .url{font-size:14px;line-height:1.2em}#flock{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}@media(min-width: 700px){h1{font-size:60px}.meta{font-size:20px;line-height:1.2em}.columns{column-count:2;column-gap:20px}.columns ul.contact,.columns ul.more{break-inside:avoid}}@media(min-width: 800px)and (min-height: 700px){#card{transform:translate(-50%, -50%);position:fixed;top:50%;left:50%;z-index:1;width:700px;margin:54px 0 0}}