@charset "UTF-8";body{font-family:Muli,sans-serif;color:#828282;background:#222}body h1{font-size:60px;font-weight:900;text-transform:uppercase;margin-bottom:10px;text-align:center;background-color:#07a;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:rgba(255,255,255,.5) 0 3px 3px}body .more-info{text-align:center;margin-bottom:40px}body .more-info a{color:#828282;-webkit-transition:all .6s ease;transition:all .6s ease}body .more-info a:hover{color:#07a}body .accordion{width:50%;position:relative;margin:0 auto}body .accordion details{font-size:18px;padding:20px;margin:10px;border-radius:15px;box-shadow:4px 4px 4px 0 #1d1d1d inset,-4px -4px 4px 0 #272727 inset;cursor:pointer;-webkit-transition:all .6s ease;transition:all .6s ease}body .accordion details.with-code[open]{height:100%}body .accordion details:not([open]){height:5%}body .accordion details[open]{height:45%}body .accordion details summary{padding:5px;padding-top:0;outline:0}body .accordion details .tag{color:#07a;font-weight:700}body .accordion details hr{border:0;height:2px;background-image:-webkit-linear-gradient(left,#fff,rgba(0,119,170,.07),#fff)}body .accordion details p{font-size:16px;line-height:1.2em;cursor:auto;-webkit-animation:appear 1s ease;animation:appear 1s ease}body .accordion details p.note{padding:10px;background:rgba(0,119,170,.07);border-radius:15px;box-shadow:4px 4px 4px 0 #1d1d1d inset,-4px -4px 4px 0 #272727 inset}body .accordion details pre{font-size:16px;padding:20px;cursor:auto;border-radius:15px;box-shadow:4px 4px 4px 0 #1d1d1d,-4px -4px 4px 0 #272727;-webkit-animation:appear 1.5s ease;animation:appear 1.5s ease}body .accordion details pre .event-listener{color:#dd4a68}body .accordion details pre .string{color:#690}body .accordion details pre .keyword{color:#07a}@-webkit-keyframes appear{0%,50%{opacity:0}100%{opacity:1}}@keyframes appear{0%,50%{opacity:0}100%{opacity:1}}.fa-facebook-official{position:absolute;color:#828282;top:3%;right:2%;font-size:28px;-webkit-transition:all .6s ease;transition:all .6s ease;cursor:pointer}.fa-facebook-official:hover{color:#07a;font-size:32px}.back{position:absolute;color:#828282;top:3%;left:2%;font-size:18px;-webkit-transition:all .6s ease;transition:all .6s ease;cursor:pointer;text-decoration:none}.back:hover{color:#07a;font-size:22px}@media (max-width:640px){body .accordion{width:100%}.back{top:2%;left:4%;font-size:14px}.fa-facebook-official{top:1%;right:3%}}.float{position:fixed;width:55px;height:55px;bottom:100px;left:25px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.my-float{margin-top:9px;position:absolute;left:24%;color:#fff;font-size:35px}@font-face{font-family:icomoon;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/icomoon.eot?3qkin2);src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/icomoon.eot?#iefix3qkin2) format("embedded-opentype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/icomoon.woff?3qkin2) format("woff"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/icomoon.ttf?3qkin2) format("truetype"),url(fhttps://s3-us-west-2.amazonaws.com/s.cdpn.io/93/icomoon.svg?3qkin2#icomoon) format("svg");font-weight:400;font-style:normal}a{color:#4183c4;text-decoration:none}a:hover{color:#7ba9d6}.social-icons{margin-top:25px;display:none}.social-icons p{opacity:1;font-size:20px;margin-bottom:30px}.social-icons .social-networks{margin:0 0 35px;padding:0;font-size:0;text-align:center}.social-icons .social-networks li{display:inline-block}.social-icons .social-networks a{display:block;position:relative;margin:0 7px;width:60px;height:60px;font-size:0;line-height:0;text-align:center;text-decoration:none;opacity:1;background:0 0;transition:none;transform:none}.social-icons .social-networks a:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;margin-top:-50%;margin-left:-50%;border-radius:100px;background-color:#1f2027;transition:all .4s}.social-icons .social-networks a:after{position:relative;display:block;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;font-size:26px;line-height:42px}.social-icons .social-networks a:focus,.social-icons .social-networks a:hover{text-decoration:none}.social-networks.spin-icon a:focus:after,.social-networks.spin-icon a:hover:after{transition:transform .4s ease-out;transform:rotateZ(360deg)}.social-networks.square a:focus:before,.social-networks.square a:hover:before{border-radius:0}.social-networks.bounce a:focus,.social-networks.bounce a:hover{-webkit-animation:bounce 1s;animation:bounce 1s}.social-icons .social-networks .icon-linkedin:after{content:""}.social-icons .social-networks .icon-linkedin:focus:before,.social-icons .social-networks .icon-linkedin:hover:before{background:#0077b5}.social-icons .social-networks .icon-facebook:after{content:"";left:-13px}.social-icons .social-networks .icon-facebook:focus:before,.social-icons .social-networks .icon-facebook:hover:before{background:#3b5998}.social-icons .social-networks .icon-instagram:after{content:"";left:-12px}.social-icons .social-networks .icon-instagram:focus:before,.social-icons .social-networks .icon-instagram:hover:before{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-icons .social-networks .icon-twitter:after{content:""}.social-icons .social-networks .icon-twitter:focus:before,.social-icons .social-networks .icon-twitter:hover:before{background:#00b0ed}.social-icons .social-networks .icon-github:after{content:""}.social-icons .social-networks .icon-github:focus:before,.social-icons .social-networks .icon-github:hover:before{background:#4183c4}.social-icons .social-networks .icon-vimeo:after{content:""}.social-icons .social-networks .icon-vimeo:focus:before,.social-icons .social-networks .icon-vimeo:hover:before{background:#1ab7ea}.social-icons .social-networks .icon-twitch:after{content:""}.social-icons .social-networks .icon-twitch:focus:before,.social-icons .social-networks .icon-twitch:hover:before{background:#6441a5}.social-icons .social-networks .icon-pinterest:after{content:""}.social-icons .social-networks .icon-pinterest:focus:before,.social-icons .social-networks .icon-pinterest:hover:before{background:#cc2127}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@media (max-width:768px){.social-icons .social-networks .icon-facebook:after{left:0!important}.social-icons .social-networks .icon-instagram:after{left:0!important}.social-icons .social-networks a:after{line-height:60px}}