html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0}body{height:100%;font-family:"Lato",sans-serif;-webkit-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";background:#002B36;color:#fff;margin:0 auto;line-height:1.5}.inner{max-width:1000px;margin:0 auto;position:relative}a{color:rgba(255,255,255,0.5);-webkit-transition:0.3s ease color;transition:0.3s ease color}a:hover,a:focus{color:inherit}header{padding:50px 20px 0;overflow:hidden;background:rgba(255,255,255,0.1);text-align:center}header .logo{text-align:left;max-width:510px;margin:0 auto 10px;overflow:hidden}header .logo>img{max-width:100%;opacity:1;border-radius:1.2%;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);box-shadow:0 0 25px rgba(0,0,0,0.5);margin-bottom:60px}header h1{margin:0 0 10px;font-size:60px;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,0.2)}header h1 img{display:block;height:100px;margin:0 auto 4px;float:left;margin-right:20px}header h2{font-weight:normal;color:rgba(255,255,255,0.5);line-height:1;text-shadow:0 1px 0 rgba(0,0,0,0.2);font-size:24px;padding-left:124px}@media screen and (max-width:420px){header{padding-top:20px}header h1{font-size:50px;text-align:center}header h1 img{float:none;margin:0 auto 5px}header h2{padding-left:0;text-align:center}}header .button{margin-top:1em;display:inline-block;font-size:1.3em;line-height:2.5em;height:2.5em;border-radius:4px;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.1);box-shadow:2px 2px 4px rgba(0,0,0,0.1);padding:0 20px;background:#3d84a8;text-decoration:none;color:#fff;-webkit-transition:.3s ease all;transition:.3s ease all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}header .button:hover,header .button:focus{background:#002B36;-webkit-box-shadow:4px 3px 4px rgba(0,0,0,0.1);box-shadow:4px 3px 4px rgba(0,0,0,0.1)}section{padding:60px 0;clear:both;overflow:hidden;position:relative;background:rgba(255,255,255,0.1)}section.intro{-webkit-box-shadow:0 10px 10px -10px #000;box-shadow:0 10px 10px -10px #000}section.additional{background:#fff;color:#3d84a8}section.additional a{color:rgba(255,255,255,0.5)}section.additional a:hover,section.additional a:focus{color:inherit}section .half{position:relative;float:left;width:48%;min-width:320px;padding:0 20px 20px;min-height:320px}section .half:nth-of-type(even){float:right}section .half img.screenshot{opacity:1;max-width:100%;float:right;border-radius:1.2%;-webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);box-shadow:0 0 25px rgba(0,0,0,0.5);margin-bottom:60px}section .full{clear:both;text-align:center}section h1{font-size:60px;line-height:1;font-weight:normal;text-shadow:0 1px 0 rgba(0,0,0,0.2);text-align:center;margin-bottom:60px;padding:0 20px}section h2{font-size:26px;font-weight:normal;text-shadow:0 1px 0 rgba(0,0,0,0.2);margin-bottom:10px}section i{font-weight:700}section p+*,section ul+*{margin-top:1.5em}section ul{padding:0 0 0 15px;margin-bottom:0.75em;margin-top:0.75em;padding-bottom:0.75em;padding-top:0.75em;border-radius:4px;-webkit-transition:.3s ease all;transition:.3s ease all}section ul:target{background:#3d84a8;-webkit-box-shadow:0 1px 20px rgba(0,0,0,0.2);box-shadow:0 1px 20px rgba(0,0,0,0.2)}section .downloads{font-size:1.2em;padding-left:0;margin:2.5em 0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}section .downloads li{padding:0 10px;text-align:left;list-style:none;-webkit-box-flex:2;-ms-flex:2;flex:2}section .downloads li:first-child{-webkit-box-flex:5;-ms-flex:5;flex:5}section .downloads li a{display:inline-block;padding:0 1px}@media screen and (max-width:650px){section h1{font-size:35px}section .half{width:auto;float:none;margin-bottom:60px}}kbd{color:#fff;font-weight:600;display:inline-block;padding:0 4px;border-radius:4px;background:rgba(0,0,0,0.4);border:1px solid rgba(0,0,0,0.7)}footer{clear:both;padding:10px;text-align:center;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset}.shortcuts ul{list-style:none}.shortcuts ul li{margin-top:10px}.shortcuts ul span{vertical-align:top;display:inline-block}.shortcuts ul span:first-child{width:33%;text-align:right;padding-right:10px}.shortcuts ul span:last-child{width:66%}