@import url(https://fonts.googleapis.com/css?family=Roboto);body{margin:0;font-family:sans-serif;color:#333}.main{max-width:800px;margin:0 auto}.browsehappy{position:absolute;top:0;right:0;left:0;padding:1em;background:black;color:white;text-align:center}img{border:none}small{display:block}p,[class^="hvr-"]{}[class^="hvr-"]{padding:1em;cursor:pointer;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}.aligncenter{text-align:center}.sup{vertical-align:super;margin-left:-1em;padding: .21875em;line-height:100%;font-size: .21875em;border:#eee solid 1px;border-radius:4px;color:inherit}.sup:hover{background:#eee}a{text-decoration:none}.footer a:hover,.tutorial:hover{color:#207AD1}.tutorial{display:inline-block;font-size: .8em;font-weight:bold}.tutorial:hover,.tutorial:focus,.tutorial:active{text-decoration:none}.intro{max-width:680px;margin:20px auto 0 auto}.button.cta{display:inline-block;position:relative;margin:1.2em 0 1em 0;padding:1em;background:#2098D1;border:none;text-decoration:none;font-weight:700;color:white}.effects{margin-top:6em}.about{border-top:#333 solid 2px;border-bottom:#333 solid 2px}.footer{overflow:hidden;width:auto;margin-top:6em;font-size: .9em}.footer a{text-decoration:none}.credit{font-size: .8em;font-weight:normal}.social{margin-top:2.6em}.social-button{display:inline-block;vertical-align:middle}.twitter-follow-button{display:block;margin:0 auto}.follow{margin-bottom:20px;line-height:200%}.made-by{display:block;margin-top:3em;padding-top:3em;padding-bottom:1em;font-family: $fontFeature;font-size:1.125em;text-align:center;line-height:1.6;background:#181818;color:#777}.made-by svg{display:block}.made-by ul, .made-by p{margin:0;padding:0}.made-by ul{margin-bottom: .25em}.made-by li{display:inline-block;vertical-align:middle;line-height:1}.made-by p{margin-top: .4em;font-size: .875em}.made-by a{display:inline-block;padding:0 .125em;color:#B1B1B1;transition-duration: .2s;transition-property:color}.made-by a:focus, .made-by a:hover{color:white}.made-by i{font-size:26px;height:30px}.made-by .follow{margin-top:2em}.made-by .follow iframe{display:block;margin-left:auto;margin-right:auto;margin-bottom: .5em}.made-by small{display:block;margin-top:3em;font-size: .625em}@-webkit-keyframes circle{50%{-webkit-transform:scale(1.26923077);transform:scale(1.26923077)}}@keyframes circle{50%{transform:scale(1.26923077)}}@-webkit-keyframes initials{50%{-webkit-transform:translateY(-8px) translateZ(0);transform:translateY(-8px) translateZ(0)}}@keyframes initials{50%{transform:translateY(-8px) translateZ(0)}}.ild-ident{display:block}.ild-ident svg{display:block;overflow:visible;transform:scale(1) translateZ(0)}.ild-ident .circle-holder{transform:translate(-7px, -7px)}.ild-ident .circle{transform:translate(7px, 7px)}.ild-ident .active .i{animation:initials .4s ease-in-out}.ild-ident .active .l{animation:initials .4s .2s ease-in-out}.ild-ident .active .circle{animation:circle .5s .1s ease-in-out}#forkongithub{display:none}#forkongithub a{background:#000;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;-webkit-transition:0.5s;transition:0.5s}#forkongithub a:hover, #forkongithub a:focus, #forkongithub a:active{background:#2098D1;color:#fff}#forkongithub a::before, #forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff}#forkongithub a::after{bottom:1px;top:auto}.ad{margin-top:3.5em;padding:3em 1.5em;background:#f8f8f8;text-align:center}.ad h2{margin:0;margin-bottom:2em;line-height:1.4;font-size:1.2em}.ad a{display:inline-block;margin:0 auto 2em auto}.ad__preview{font-size:0}.ad__preview a{display:block;width:75%}.ad__preview img{width:100%}@media only screen and (min-width: 360px){h1{font-size:4em}}@media screen and (min-width: 640px){#forkongithub{position:absolute;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8)}.ad__preview a{display:inline-block;width:32%}.ad__preview .second{margin:0 2%}}