*{box-sizing:border-box}.left{left:0;cursor:pointer;height:70px;position:fixed;background:0 0;width:70px}.menu{left:0;position:fixed;padding:23px;opacity:.8;fill:#fff}.show{transform:translate3d(0,0,0)}.wrapper-text{background:#fff;box-shadow:rgba(0,0,0,.1) 0 1px 0;color:gray;font-size:17px;height:100%;margin:0 auto;max-width:700px;outline:0;padding:1em 3em 3em;position:relative;top:0}:after{box-sizing:border-box}:before{box-sizing:border-box}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#eeeded;font-family:'Roboto Mono',Arial,serif;font-size:100%;margin:0;padding:0}button{border:none;cursor:pointer;outline:0}footer{color:gray;fill:gray;font-size:.8em;margin-bottom:30px;margin-top:100px;text-align:center}li{display:inline;padding:10px}ul{-webkit-padding-start:0;margin-bottom:50px}h5{font-size:24px}header{backface-visibility:hidden;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);height:70px;position:fixed;text-align:center;top:0;transition:.25s transform;width:100%;z-index:2;line-height:70px}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#eeeded;font-family:'Roboto Mono',Arial,serif;font-size:100%;margin:0;padding:0}main{display:block;height:100%;margin:0 auto;position:relative;top:5em;width:1820px}@media (max-width:1215px){main{width:912px}}@media (max-width:911px){main{width:304px}}nav{background:#fff;box-shadow:0 8px 17px rgba(0,0,0,.2);height:100%;position:fixed;top:0;transform:translate3d(-19em,0,0);transition:transform .2s cubic-bezier(.16,.68,.43,.99);width:18em;z-index:10;overflow:auto}nav a{color:gray;display:block;font-size:1.1em;font-weight:400;line-height:3.9em;padding-left:1.5em;text-decoration:none}nav a:hover{background:#fafafa}section{padding-bottom:3em}@media (max-width:1820px){main{margin:auto;padding:0;width:1510px}}@media (max-width:1510px){main{width:1210px}}@media (max-width:1210px){main{width:910px}}@media (max-width:910px){main{width:610px}}@media (max-width:610px){main{width:300px}}@keyframes flyintotop{from{transform:translateY(100vh)}to{transform:translateY(0)}}.box{animation:flyintotop .4s backwards;background:#fff;box-shadow:rgba(0,0,0,.1) 0 1px 0;display:inline-block;height:270px;margin:10px;position:relative;transition:all .2s ease-in-out;width:274px}.box:hover{box-shadow:0 10px 16px rgba(0,0,0,.13),0 6px 6px rgba(0,0,0,.19)}.box:nth-child(0){animation-delay:.74s}.box:nth-child(1){animation-delay:.37s}.box:nth-child(10){animation-delay:.6s}.box:nth-child(11){animation-delay:.31s}.box:nth-child(12){animation-delay:.44s}.box:nth-child(13){animation-delay:1s}.box:nth-child(2){animation-delay:.45s}.box:nth-child(3){animation-delay:.7s}.box:nth-child(4){animation-delay:.35s}.box:nth-child(5){animation-delay:.4s}.box:nth-child(6){animation-delay:.9s}.box:nth-child(7){animation-delay:.72s}.box:nth-child(8){animation-delay:.31s}.box:nth-child(9){animation-delay:.42s}.codepen{background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32px" viewBox="0 0 64 64"><path stroke="gray" stroke-width="3" stroke-linejoin="round" fill="none" d="M31.6 11.8l-20.3 13.5 20.3 13.8 20.8-13.8zM31.6 24.5l-20.3 13.2 20.3 13.8 20.8-13.8z"/><path stroke="gray" stroke-width="3" d="M31.6 11.8v14.5M31.6 39.1v10.6M11.3 25.3v11.8M52.4 25.3v11.8"/></svg>');background-position:center center;background-repeat:no-repeat;border-radius:50%;bottom:-65px;height:42px;left:215px;position:absolute;transition:background-color .2s;width:42px;z-index:1}.codepen:hover{background-color:rgba(216,216,222,.19)}.name{background-color:#fafafa;bottom:0;color:gray;padding:1.5em;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.pen{height:12em;margin:0 auto;position:absolute;width:17em}main svg{cursor:zoom-in;height:10em;left:0;margin:0 auto;position:absolute;right:0;top:30%;width:10em}main svg:focus{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:100%;margin:0 auto;max-height:50em;max-width:50em;outline:0;outline-color:rgba(0,0,0,.07);outline-style:solid;outline-width:100em;padding:5em;pointer-events:none;position:fixed;top:5em;width:100%;z-index:7}@keyframes fadein{from{opacity:0}to{opacity:1}}.blue{background-color:#2196f3}.deep-orange{background-color:#ff5722}.green{background-color:#4caf50}.icon-drawer{display:inline-block;height:31.9px;margin-right:1em;padding:.03em;position:relative;top:.5em;width:31.9px;width:2.3em}.intro{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="60" viewBox="0,0,543.445,152.993"><path d="M483.855.623c16.15-2.19 32.87 1.49 46.95 9.59 4.23 2.36 8.37 4.9 12.64 7.22-19.27 33.97-39.07 67.65-58.46 101.55-.83 1.51-1.79 2.94-2.85 4.29-.19-20.1-.04-40.19-.08-60.29-20.99.02-41.98-.02-62.97.03 2.37-15.2 9.67-29.59 20.48-40.52 11.7-12.04 27.63-19.87 44.29-21.87z" fill="#fff"/><path d="M25.345 8.173c6.43-3.21 13.64-4.6 20.8-4.63 34.57-.19 69.15.13 103.71-.17.36 32.51.03 65.04.18 97.55-34.99-.12-69.98-.03-104.97-.04-10.57-.05-21.07-3.86-29.15-10.68-8.08-7.08-13.6-16.89-15.65-27.42-.28-10.02-1.07-20.48 2.68-30.02 4.17-10.52 12.1-19.71 22.4-24.59z" fill="#fff"/><path d="M211.055 2.993h149.99c-25.01 49.99-49.96 99.99-75 149.96-25.03-49.97-50-99.97-74.99-149.96z" fill="#fff"/><path d="M.265 62.783c2.05 10.53 7.57 20.34 15.65 27.42 8.08 6.82 18.58 10.63 29.15 10.68 34.99.01 69.98-.08 104.97.04.6 12.33-1.75 25.43-9.86 35.14-8.51 11-22.37 16.96-36.15 16.91-34.66.04-69.31.01-103.97.01.12-30.06-.3-60.15.21-90.2z" fill="rgba(0,0,0,.1)"/><path d="M392.085 63.033c9 .02 18 .06 27-.02 20.99-.05 41.98-.01 62.97-.03.04 20.1-.11 40.19.08 60.29-.31 9.89-.1 19.79-.13 29.68-29.98-.04-59.95-.03-89.92 0 .03-29.98.03-59.95 0-89.92z" fill="rgba(0,0,0,.1)"/></svg>');background-position:center center;background-repeat:no-repeat;height:12em;margin:0 auto;padding-top:4em;position:relative;top:0;width:100%;z-index:4}.logo{color:#fff;cursor:default;font-size:20px;font-weight:500;text-decoration:none;z-index:3;opacity:.8}.orange{background-color:#ff9800}.pink{background-color:#e91e63}.purple{background-color:#673ab7}.close,.open,input{height:70px;top:0;width:70px;fill:gray;background:0 0;position:inherit;z-index:11;transition:all .2s ease-in-out;right:0;padding:23px}.close{display:none;cursor:pointer}.open{fill:#fff}input{border:none;cursor:pointer;outline:0;z-index:12}input:focus{cursor:auto;width:100%;color:gray;font-family:sans-serif;font-size:20px;font-weight:400;padding-left:70px;z-index:10;background:#fff}input:focus~.open{left:0;fill:gray}input:focus~.close{display:block}nav a svg{display:inline-block;height:2em;margin-right:1em;padding:.03em;position:relative;top:.6em;width:2em;background:0 0}nav svg{background:#F4F4F4;opacity:1;border:none}svg{outline:0}section:not(:target){display:none}.fabs{bottom:0;position:fixed;margin:1.5em;right:0}.fab{display:block;width:65px;height:65px;border-radius:50%;text-align:center;color:#fff;margin:20px auto 0;box-shadow:0 5px 11px -2px rgba(0,0,0,.18),0 4px 12px -7px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;position:relative}.fab>i{font-size:28px;line-height:65px;transition:all .2s ease-in-out;transition-delay:2s}.fab.red{background:#F44336}.fab.pink{background:#E91E63}.fab.purple{background:#9C27B0}.fab.deep-purple{background:#673AB7}.fab.indigo{background:#3F51B5}.fab.blue{background:#2196F3}.fab.light-blue{background:#03A9F4}.fab.cyan{background:#00BCD4}.fab.teal{background:#009688}.fab.green{background:#4CAF50}.fab.light-green{background:#8BC34A}.fab.lime{background:#CDDC39}.fab.yellow{background:#FFEB3B}.fab.amber{background:#FFC107}.fab.orange{background:#FF9800}.fab.deep-orange{background:#FF5722}.fab.brown{background:#795548}.fab.grey{background:#9E9E9E}.fab.blue-grey{background:#607D8B}.fab:active,.fab:focus,.fab:hover{box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.fab:not(:last-child){width:55px;height:55px;margin:35px auto 0;opacity:0}.fab:not(:last-child)>i{font-size:24px;line-height:50px;transition:all .3s ease-in-out}.fabs:hover .fab:not(:last-child){opacity:1;width:50px;height:50px;margin:25px auto 0}.fab:nth-last-child(1){-webkit-transition-delay:25ms;transition-delay:25ms}.fab:not(:last-child):nth-last-child(2){-webkit-transition-delay:20ms;transition-delay:20ms}.fab:not(:last-child):nth-last-child(3){-webkit-transition-delay:40ms;transition-delay:40ms}.fab:not(:last-child):nth-last-child(4){-webkit-transition-delay:60ms;transition-delay:60ms}.fab:not(:last-child):nth-last-child(5){-webkit-transition-delay:80ms;transition-delay:80ms}[tooltip]:before{font-family:Roboto;font-weight:600;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#585858;color:#fff;content:attr(tooltip);font-size:16px;visibility:hidden;opacity:0;padding:12px 10px;margin-right:10px;position:absolute;right:100%;bottom:5%;white-space:nowrap}[tooltip]:hover:after,[tooltip]:hover:before{visibility:visible;opacity:1}