html{background-color:#fafafa}body,div,html{margin:0;padding:0}body{text-align:center;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-weight:300;height:inherit}ul{list-style-type:none}a{text-decoration:none}.example-enter{opacity:0;position:absolute;top:0;width:100%}.example-enter.example-enter-active{opacity:1;-webkit-transition:all .3s .3s;transition:all .3s .3s}.example-leave{opacity:1;-webkit-transition:all .3s;transition:all .3s;position:absolute;top:0;width:100%}.example-leave.example-leave-active{opacity:0}.MainPage{position:absolute;left:50%;top:calc(50% - 75px);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.MainPage h1{font-weight:300}.MainPage-postFade{-webkit-animation:fadeIn 1s 3s backwards;animation:fadeIn 1s 3s backwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Logo path{stroke:#000;stroke-width:1;stroke-dasharray:100px;stroke-dashoffset:100px;-webkit-animation:draw 3s 1 forwards linear;animation:draw 3s 1 forwards linear}.Logo path.main{stroke:#e30;stroke-dasharray:3773px;stroke-dashoffset:3773px}.Logo path.second{stroke:#666;stroke-dasharray:756px;stroke-dashoffset:756px;-webkit-animation:draw 3s 1 forwards linear,greyShimmer .5s 2s infinite alternate both ease-in-out;animation:draw 3s 1 forwards linear,greyShimmer .5s 2s infinite alternate both ease-in-out}.Logo.NoAnimation path,.Logo.NoAnimation stop{-webkit-animation:none;animation:none}@-webkit-keyframes greyShimmer{to{fill:#888}}@keyframes greyShimmer{to{fill:#888}}@-webkit-keyframes draw{0%{fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:0;stroke-width:1}to{stroke-dashoffset:0;stroke-width:0;fill-opacity:1}}@keyframes draw{0%{fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:0;stroke-width:1}to{stroke-dashoffset:0;stroke-width:0;fill-opacity:1}}.Logo .stop1{stop-color:#ff870e}.Logo .stop2{stop-color:#c80007;-webkit-animation:shimmerSecond .5s 3s alternate forwards infinite ease-in-out;animation:shimmerSecond .5s 3s alternate forwards infinite ease-in-out}@-webkit-keyframes shimmerSecond{to{stop-color:#f11}}@keyframes shimmerSecond{to{stop-color:#f11}}.Technical h2,.Technical h3{font-weight:300}.MultiPlatform{height:calc(100vh - 164px);overflow-y:auto;background:linear-gradient(#fafafa 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fafafa 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),transparent) 0 100%;background:-webkit-linear-gradient(#fafafa 30%,hsla(0,0%,100%,0)),-webkit-linear-gradient(hsla(0,0%,100%,0),#fafafa 70%) 0 100%,-webkit-radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),-webkit-radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),transparent) 0 100%;background:linear-gradient(#fafafa 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fafafa 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background-repeat:no-repeat;background-color:#fafafa;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.MultiPlatform .androidPixel{height:260px;padding:20px}.MultiPlatform>section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.MultiPlatform>section>.sectionText{padding:0 20px}.Portfolio{margin-top:20px}.Portfolio>section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-top:25px}.Portfolio .left{text-align:left;margin:0 10px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.Portfolio .right{text-align:right;margin:0 10px}.Portfolio .screenshot{max-width:300px;margin:0 10px;box-shadow:2px 2px 8px rgba(0,0,0,.4)}@media(max-width:700px){.Portfolio>section{-ms-flex-wrap:wrap;flex-wrap:wrap}.Portfolio .screenshot{max-width:90%}.Portfolio .left,.Portfolio .right{text-align:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.NoMatch{margin-top:200px}
/*# sourceMappingURL=main.8da2db4f.css.map*/