*{box-sizing:border-box;margin:0;padding:0}body{background-color:wheat}.app{height:100vh;min-height:400px;min-width:300px;width:100vw}.container{display:flex;flex-direction:column;height:100%;padding:10px;width:100%}.slider{background-color:#444;border:1px solid #000;border-radius:50px;flex:1 1;position:relative;width:100%}.slide,.slider{overflow:hidden}.slide{border:1px solid #000;border-radius:15px;bottom:0;height:250px;left:0;margin:auto;opacity:.5;position:absolute;right:0;top:0;-webkit-transform:scale(.5);transform:scale(.5);transition:opacity 1s ease,visibility 0s linear,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease,visibility 0s linear;transition:opacity 1s ease,transform 1s ease,visibility 0s linear,-webkit-transform 1s ease;visibility:visible;width:200px}.slide:first-child{opacity:0;-webkit-transform:translateY(100%) scale(2);transform:translateY(100%) scale(2);transition:opacity 1s ease,visibility 0s linear 1s,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease,visibility 0s linear 1s;transition:opacity 1s ease,transform 1s ease,visibility 0s linear 1s,-webkit-transform 1s ease;visibility:hidden;z-index:5}.slide:nth-child(2){opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:4}.slide:nth-child(3){opacity:.6;-webkit-transform:translateY(-20%) scale(.8);transform:translateY(-20%) scale(.8);z-index:3}.slide:nth-child(4){opacity:.3;-webkit-transform:translateY(-40%) scale(.6);transform:translateY(-40%) scale(.6);z-index:2}.slide:nth-child(5){opacity:0;-webkit-transform:translateY(-60%) scale(.4);transform:translateY(-60%) scale(.4);z-index:1}.slide:nth-child(n+6){opacity:0;-webkit-transform:scale(0);transform:scale(0);z-index:0}.slide-image{height:100%;object-fit:cover;width:100%}.button{flex:0 0 100px;margin:10px auto;max-height:100px;width:100px}.button-image{max-height:100%;max-width:100%}.button.up .button-image{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/*# sourceMappingURL=main.6ce1441e.css.map*/