.dust-container{position:absolute;pointer-events:none}.dust-container canvas{width:225px;height:260px;position:absolute;left:0;top:0;-webkit-transition:opacity 1s ease-out,-webkit-transform 1s ease-out;transition:opacity 1s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity 1s ease-out;transition:transform 1s ease-out,opacity 1s ease-out,-webkit-transform 1s ease-out;opacity:1;-webkit-transform:rotate(0deg) translate(0) rotate(0deg);transform:rotate(0deg) translate(0) rotate(0deg)}.dust-container canvas.dust:first-child{-webkit-transition-delay:.04219s;transition-delay:.04219s;-webkit-transform:rotate(1.23257deg) translate(-36.01747px,-9.44847px);transform:rotate(1.23257deg) translate(-36.01747px,-9.44847px);opacity:0}.dust-container canvas.dust:nth-child(2){-webkit-transition-delay:.08438s;transition-delay:.08438s;-webkit-transform:rotate(.07246deg) translate(-18.35637px,-27.9985px);transform:rotate(.07246deg) translate(-18.35637px,-27.9985px);opacity:0}.dust-container canvas.dust:nth-child(3){-webkit-transition-delay:.12656s;transition-delay:.12656s;-webkit-transform:rotate(-1.72639deg) translate(-7.38135px,-3.499px);transform:rotate(-1.72639deg) translate(-7.38135px,-3.499px);opacity:0}.dust-container canvas.dust:nth-child(4){-webkit-transition-delay:.16875s;transition-delay:.16875s;-webkit-transform:rotate(1.14142deg) translate(-45.61148px,-19.78948px);transform:rotate(1.14142deg) translate(-45.61148px,-19.78948px);opacity:0}.dust-container canvas.dust:nth-child(5){-webkit-transition-delay:.21094s;transition-delay:.21094s;-webkit-transform:rotate(1.86344deg) translate(-27.39036px,-8.22664px);transform:rotate(1.86344deg) translate(-27.39036px,-8.22664px);opacity:0}.dust-container canvas.dust:nth-child(6){-webkit-transition-delay:.25313s;transition-delay:.25313s;-webkit-transform:rotate(6.59789deg) translate(-4.14138px,-17.37478px);transform:rotate(6.59789deg) translate(-4.14138px,-17.37478px);opacity:0}.dust-container canvas.dust:nth-child(7){-webkit-transition-delay:.29531s;transition-delay:.29531s;-webkit-transform:rotate(6.37748deg) translate(-45.16404px,-18.89574px);transform:rotate(6.37748deg) translate(-45.16404px,-18.89574px);opacity:0}.dust-container canvas.dust:nth-child(8){-webkit-transition-delay:.3375s;transition-delay:.3375s;-webkit-transform:rotate(-3.28422deg) translate(-41.53855px,-5.35963px);transform:rotate(-3.28422deg) translate(-41.53855px,-5.35963px);opacity:0}.dust-container canvas.dust:nth-child(9){-webkit-transition-delay:.37969s;transition-delay:.37969s;-webkit-transform:rotate(.61372deg) translate(-28.59803px,-1.79044px);transform:rotate(.61372deg) translate(-28.59803px,-1.79044px);opacity:0}.dust-container canvas.dust:nth-child(10){-webkit-transition-delay:.42188s;transition-delay:.42188s;-webkit-transform:rotate(.93678deg) translate(-7.57292px,-1.92138px);transform:rotate(.93678deg) translate(-7.57292px,-1.92138px);opacity:0}.dust-container canvas.dust:nth-child(11){-webkit-transition-delay:.46406s;transition-delay:.46406s;-webkit-transform:rotate(4.42336deg) translate(-47.04528px,-24.15798px);transform:rotate(4.42336deg) translate(-47.04528px,-24.15798px);opacity:0}.dust-container canvas.dust:nth-child(12){-webkit-transition-delay:.50625s;transition-delay:.50625s;-webkit-transform:rotate(-4.62151deg) translate(-20.2795px,-19.76265px);transform:rotate(-4.62151deg) translate(-20.2795px,-19.76265px);opacity:0}.dust-container canvas.dust:nth-child(13){-webkit-transition-delay:.54844s;transition-delay:.54844s;-webkit-transform:rotate(-7.01035deg) translate(-27.3219px,-15.39392px);transform:rotate(-7.01035deg) translate(-27.3219px,-15.39392px);opacity:0}.dust-container canvas.dust:nth-child(14){-webkit-transition-delay:.59063s;transition-delay:.59063s;-webkit-transform:rotate(-4.71708deg) translate(-20.39356px,-29.03915px);transform:rotate(-4.71708deg) translate(-20.39356px,-29.03915px);opacity:0}.dust-container canvas.dust:nth-child(15){-webkit-transition-delay:.63281s;transition-delay:.63281s;-webkit-transform:rotate(1.38193deg) translate(-28.25643px,-17.80608px);transform:rotate(1.38193deg) translate(-28.25643px,-17.80608px);opacity:0}.dust-container canvas.dust:nth-child(16){-webkit-transition-delay:.675s;transition-delay:.675s;-webkit-transform:rotate(3.90142deg) translate(-31.92203px,-10.26851px);transform:rotate(3.90142deg) translate(-31.92203px,-10.26851px);opacity:0}.dust-container canvas.dust:nth-child(17){-webkit-transition-delay:.71719s;transition-delay:.71719s;-webkit-transform:rotate(4.31566deg) translate(-50.38256px,-26.40644px);transform:rotate(4.31566deg) translate(-50.38256px,-26.40644px);opacity:0}.dust-container canvas.dust:nth-child(18){-webkit-transition-delay:.75938s;transition-delay:.75938s;-webkit-transform:rotate(-2.83329deg) translate(-23.39638px,-4.74315px);transform:rotate(-2.83329deg) translate(-23.39638px,-4.74315px);opacity:0}.dust-container canvas.dust:nth-child(19){-webkit-transition-delay:.80156s;transition-delay:.80156s;-webkit-transform:rotate(2.62952deg) translate(-32.73464px,-12.06183px);transform:rotate(2.62952deg) translate(-32.73464px,-12.06183px);opacity:0}.dust-container canvas.dust:nth-child(20){-webkit-transition-delay:.84375s;transition-delay:.84375s;-webkit-transform:rotate(-1.09048deg) translate(-28.27361px,-21.57542px);transform:rotate(-1.09048deg) translate(-28.27361px,-21.57542px);opacity:0}.dust-container canvas.dust:nth-child(21){-webkit-transition-delay:.88594s;transition-delay:.88594s;-webkit-transform:rotate(-.88577deg) translate(-43.20865px,-6.18666px);transform:rotate(-.88577deg) translate(-43.20865px,-6.18666px);opacity:0}.dust-container canvas.dust:nth-child(22){-webkit-transition-delay:.92813s;transition-delay:.92813s;-webkit-transform:rotate(1.39606deg) translate(-21.74233px,-14.25545px);transform:rotate(1.39606deg) translate(-21.74233px,-14.25545px);opacity:0}.dust-container canvas.dust:nth-child(23){-webkit-transition-delay:.97031s;transition-delay:.97031s;-webkit-transform:rotate(-.0886deg) translate(-25.34259px,-27.01048px);transform:rotate(-.0886deg) translate(-25.34259px,-27.01048px);opacity:0}.dust-container canvas.dust:nth-child(24){-webkit-transition-delay:1.0125s;transition-delay:1.0125s;-webkit-transform:rotate(-4.62082deg) translate(-36.57991px,-13.55034px);transform:rotate(-4.62082deg) translate(-36.57991px,-13.55034px);opacity:0}.dust-container canvas.dust:nth-child(25){-webkit-transition-delay:1.05469s;transition-delay:1.05469s;-webkit-transform:rotate(2.49207deg) translate(-50.8866px,-12.85387px);transform:rotate(2.49207deg) translate(-50.8866px,-12.85387px);opacity:0}.dust-container canvas.dust:nth-child(26){-webkit-transition-delay:1.09688s;transition-delay:1.09688s;-webkit-transform:rotate(7.12911deg) translate(-51.82751px,-5.66329px);transform:rotate(7.12911deg) translate(-51.82751px,-5.66329px);opacity:0}.dust-container canvas.dust:nth-child(27){-webkit-transition-delay:1.13906s;transition-delay:1.13906s;-webkit-transform:rotate(5.60929deg) translate(-5.75729px,-22.54316px);transform:rotate(5.60929deg) translate(-5.75729px,-22.54316px);opacity:0}.dust-container canvas.dust:nth-child(28){-webkit-transition-delay:1.18125s;transition-delay:1.18125s;-webkit-transform:rotate(-.83569deg) translate(-41.66003px,-5.78023px);transform:rotate(-.83569deg) translate(-41.66003px,-5.78023px);opacity:0}.dust-container canvas.dust:nth-child(29){-webkit-transition-delay:1.22344s;transition-delay:1.22344s;-webkit-transform:rotate(.45354deg) translate(-12.12808px,-.06151px);transform:rotate(.45354deg) translate(-12.12808px,-.06151px);opacity:0}.dust-container canvas.dust:nth-child(30){-webkit-transition-delay:1.26562s;transition-delay:1.26562s;-webkit-transform:rotate(1.51926deg) translate(-50.81638px,-17.18476px);transform:rotate(1.51926deg) translate(-50.81638px,-17.18476px);opacity:0}.dust-container canvas.dust:nth-child(31){-webkit-transition-delay:1.30781s;transition-delay:1.30781s;-webkit-transform:rotate(2.64092deg) translate(-40.33316px,-5.51364px);transform:rotate(2.64092deg) translate(-40.33316px,-5.51364px);opacity:0}.dust-container canvas.dust:nth-child(32){-webkit-transition-delay:1.35s;transition-delay:1.35s;-webkit-transform:rotate(-2.48264deg) translate(-42.9895px,-14.70911px);transform:rotate(-2.48264deg) translate(-42.9895px,-14.70911px);opacity:0}.hero-1{top:20px;left:20px}.hero-2{top:20px;left:265px}.hero-3{top:20px;left:510px}.hero-4{top:20px;left:755px}.hero-5{top:300px;left:20px}.hero-6{top:300px;left:265px}.hero-7{top:300px;left:510px}.hero-8{top:300px;left:755px}.hero-9{top:580px;left:20px}.hero-10{top:580px;left:265px}.hero-11{top:580px;left:510px}.hero-12{top:580px;left:755px}.hero-13{top:860px;left:20px}.hero-14{top:860px;left:265px}.hero-15{top:860px;left:510px}.hero-16{top:860px;left:755px}.visible{visibility:visible}.hidden{visibility:hidden}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px;scroll-behavior:smooth;position:relative}.content .item{-webkit-box-flex:1;-ms-flex:1;flex:1;height:260px;margin:10px;border:1px solid #cecece;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.content .item .avatar img{width:200px;height:200px}.content .item .info{height:30px;line-height:30px}.content .time{-webkit-animation:heroBack 2s linear;animation:heroBack 2s linear}.main{width:100%;max-width:1000px;margin:0 auto;padding:20px}.main .gauntlet{height:100px}.main .gauntlet-item{width:80px;height:80px;cursor:pointer}.main #gauntlet-snap{background:transparent url(../img/thanos_snap.3a36d79c.png) 0 no-repeat;background-position:0 0}.main #gauntlet-reverse{background:transparent url(../img/thanos_reverse.41a10553.png) 0 no-repeat;background-position:0 0}.main .reversing,.main .snaping{-webkit-animation:gauntlet 2.8s steps(47) both;animation:gauntlet 2.8s steps(47) both}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}@-webkit-keyframes gauntlet{0%{background-position:0 0}to{background-position:-3760px 0}}@keyframes gauntlet{0%{background-position:0 0}to{background-position:-3760px 0}}@-webkit-keyframes heroBack{0%{opacity:0;background-color:green;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes heroBack{0%{opacity:0;background-color:green;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}body{width:100%;padding:0;margin:0}