@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Varela+Round&display=swap);h1,h2,h3,h4,h5,h6{color:#fff}body{background:#252525}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#ccc}#nav{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e3e3e3}#nav h1{margin:0}#nav a,#nav h1{font-weight:700}#nav a{color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{margin:0}.stack{margin:20px auto;width:400px;padding:0;position:relative;max-width:100%}.stack img{max-width:100%;position:absolute;top:0;left:0;-webkit-transition:all .3s;transition:all .3s;outline:1px solid transparent}.stack img:last-child{position:relative}.stack-spread.active img:nth-child(3){-webkit-transform:translate(-15px,15px);transform:translate(-15px,15px)}.stack-spread.active img:first-child{-webkit-transform:translate(15px,-15px);transform:translate(15px,-15px)}.stack-fanout img:first-child,.stack-fanout img:nth-child(2){-webkit-transform:scale(.8);transform:scale(.8)}.stack-fanout.active img:nth-child(3){-webkit-transform:scale(.9);transform:scale(.9)}.stack-fanout.active img:first-child{-webkit-transform:rotate(-10deg) translateX(-25%) scale(.8);transform:rotate(-10deg) translateX(-25%) scale(.8)}.stack-fanout.active img:nth-child(2){-webkit-transform:rotate(10deg) translateX(25%) scale(.8);transform:rotate(10deg) translateX(25%) scale(.8)}.stack-randomrot.active img:nth-child(3){-webkit-transform:translate(15px,15px);transform:translate(15px,15px)}.stack-randomrot.active img:first-child{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.stack-randomrot.active img:nth-child(2){-webkit-transform:rotate(10deg);transform:rotate(10deg)}.stack-sideslide img:first-child,.stack-sideslide img:nth-child(2){visibility:hidden;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s,visibility 0s .3s;-webkit-transition:opacity .3s,visibility 0s .3s,-webkit-transform .3s;transition:opacity .3s,visibility 0s .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s,visibility 0s .3s;transition:transform .3s,opacity .3s,visibility 0s .3s,-webkit-transform .3s}.stack-sideslide img:first-child{-webkit-transform:translateX(-50%) scale(.6);transform:translateX(-50%) scale(.6)}.stack-sideslide img:nth-child(2){-webkit-transform:translateX(50%) scale(.6);transform:translateX(50%) scale(.6)}.stack-sideslide.active img:nth-child(3){-webkit-transform:scale(.9);transform:scale(.9)}.stack-sideslide.active img:first-child,.stack-sideslide.active img:nth-child(2){opacity:1;visibility:visible;-webkit-transition:-webkit-transform .5s,opacity .5s;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}.stack-sideslide.active img:first-child{-webkit-transform:translateX(-20%) scale(.8);transform:translateX(-20%) scale(.8)}.stack-sideslide.active img:nth-child(2){-webkit-transform:translateX(20%) scale(.8);transform:translateX(20%) scale(.8)}.stack-sidegrid img:first-child,.stack-sidegrid img:nth-child(2),.stack-sidegrid img:nth-child(3){-webkit-transform:scale(0);transform:scale(0)}.stack-sidegrid img:nth-child(4){-webkit-transform-origin:0 0;transform-origin:0 0}.stack-sidegrid img:nth-child(3){-webkit-transform-origin:100% 0;transform-origin:100% 0}.stack-sidegrid img:nth-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}.stack-sidegrid img:first-child{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.stack-bouncygrid.active img,.stack-sidegrid.active img{-webkit-transform:scale(.48);transform:scale(.48)}.stack-bouncygrid.active img:nth-child(4){-webkit-transform-origin:0 0;transform-origin:0 0}.stack-bouncygrid.active img:nth-child(3){-webkit-transform-origin:100% 0;transform-origin:100% 0}.stack-bouncygrid.active img:nth-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}.stack-bouncygrid.active img:first-child{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.stack-peekaboo img:first-child,.stack-peekaboo img:nth-child(2),.stack-peekaboo img:nth-child(3){-webkit-transform:scale(.5);transform:scale(.5)}.stack-peekaboo.active img:nth-child(3){-webkit-transform:scale(.5) translate(-50%,-50%) rotate(-15deg);transform:scale(.5) translate(-50%,-50%) rotate(-15deg)}.stack-peekaboo.active img:first-child{-webkit-transform:scale(.5) translate(50%,-50%) rotate(15deg);transform:scale(.5) translate(50%,-50%) rotate(15deg)}.stack-peekaboo.active img:nth-child(2){-webkit-transform:scale(.5) translateY(-50%);transform:scale(.5) translateY(-50%)}.stack-peekaboo img:nth-child(4){-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.stack-peekaboo.active img:nth-child(4){-webkit-transform:scale(.9);transform:scale(.9)}.stack-previewgrid img:first-child,.stack-previewgrid img:nth-child(2),.stack-previewgrid img:nth-child(3){width:24.5%;top:auto;left:auto;bottom:0;-webkit-transform:scale(0);transform:scale(0)}.stack-previewgrid img:first-child{right:12.5%}.stack-previewgrid img:nth-child(2){left:37.75%}.stack-previewgrid img:nth-child(3){left:12.5%}.stack-previewgrid.active img:first-child,.stack-previewgrid.active img:nth-child(2),.stack-previewgrid.active img:nth-child(3){-webkit-transform:scale(1);transform:scale(1)}.stack-previewgrid img:nth-child(4){-webkit-transform-origin:50% -1.5%;transform-origin:50% -1.5%}.stack-previewgrid.active img:nth-child(4){-webkit-transform:scale(.75);transform:scale(.75)}.stack-cornergrid img:first-child,.stack-cornergrid img:nth-child(2),.stack-cornergrid img:nth-child(3){-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(.5);transform:scale(.5)}.stack-cornergrid.active img:nth-child(3){-webkit-transform:scale(.5) translate(-100%);transform:scale(.5) translate(-100%)}.stack-cornergrid.active img:nth-child(2){-webkit-transform:scale(.5) translate(-100%,-100%);transform:scale(.5) translate(-100%,-100%)}.stack-cornergrid.active img:first-child{-webkit-transform:scale(.5) translateY(-100%);transform:scale(.5) translateY(-100%)}.stack-cornergrid img:nth-child(4){-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.stack-cornergrid.active img:nth-child(4){-webkit-transform:scale(.5);transform:scale(.5)}.stack-coverflow{-webkit-perspective:1600px;perspective:1600px}.stack-coverflow img{-webkit-transform:translateZ(0) translateX(0) rotateY(0);transform:translateZ(0) translateX(0) rotateY(0)}.stack-coverflow.active img:nth-child(3){-webkit-transform:translateZ(-300px) translateX(-20%) rotateY(-45deg);transform:translateZ(-300px) translateX(-20%) rotateY(-45deg)}.stack-coverflow.active img:first-child{-webkit-transform:translateZ(-300px) translateX(20%) rotateY(-45deg);transform:translateZ(-300px) translateX(20%) rotateY(-45deg)}.stack-coverflow.active img:nth-child(2){-webkit-transform:translateZ(-300px) rotateY(-45deg);transform:translateZ(-300px) rotateY(-45deg)}.stack-leaflet{-webkit-perspective:1600px;perspective:1600px}.stack-leaflet img{-webkit-transform-origin:50% 0;transform-origin:50% 0}.stack-leaflet.active img:nth-child(4){-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}.stack-leaflet.active img:nth-child(2){-webkit-transform:rotateX(25deg);transform:rotateX(25deg);-webkit-transition-delay:.1s;transition-delay:.1s}.stack-leaflet.active img:nth-child(3){-webkit-transform:rotateX(35deg);transform:rotateX(35deg);-webkit-transition-delay:.05s;transition-delay:.05s}.stack-vertspread.active img:nth-child(4){-webkit-transform:translateY(75px);transform:translateY(75px)}.stack-vertspread.active img:nth-child(3){-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition-delay:.1s;transition-delay:.1s}.stack-vertspread.active img:nth-child(2){-webkit-transform:translateY(25px);transform:translateY(25px);-webkit-transition-delay:.2s;transition-delay:.2s}.stack-vertelastic img{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.stack-vertelastic.active img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.47,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.47,1.515);transition-timing-function:cubic-bezier(.175,.885,.47,1.515)}.stack-vertelastic.active img:nth-child(4){-webkit-transform:translateY(90px);transform:translateY(90px)}.stack-vertelastic.active img:nth-child(2){-webkit-transform:translateY(20px);transform:translateY(20px)}.stack-vertelastic.active img:nth-child(3){-webkit-transform:translateY(50px);transform:translateY(50px)}.stack-fan img{-webkit-transform-origin:0 0;transform-origin:0 0}.stack-fan.active img:nth-child(4){-webkit-transform:rotate(15deg);transform:rotate(15deg)}.stack-fan.active img:nth-child(2){-webkit-transform:rotate(5deg);transform:rotate(5deg);-webkit-transition-delay:.1s;transition-delay:.1s}.stack-fan.active img:nth-child(3){-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-transition-delay:.05s;transition-delay:.05s}.stack-queue{-webkit-transition:all .3s;transition:all .3s}.stack-queue.active{-webkit-transform:scale(.9);transform:scale(.9)}.stack-queue img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:50% -50%;transform-origin:50% -50%}.stack-queue.active img:first-child{-webkit-transform:scale(.7);transform:scale(.7)}.stack-queue.active img:nth-child(2){-webkit-transform:scale(.8);transform:scale(.8)}.stack-queue.active img:nth-child(3){-webkit-transform:scale(.9);transform:scale(.9)}body{font-family:Varela Round,sans-serif;min-width:1024px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.pointer{cursor:pointer}video{top:0!important;left:0!important}