.slider{max-width:1200px;max-height:750px;height:100%;border-radius:20px;margin:0;display:flex;overflow:hidden;position:relative;z-index:10}.item{width:200px;height:750px;list-style-type:none;top:50%;transform:translateY(-50%);z-index:1;background-position:50%;background-size:cover;box-shadow:inset 0 20px 30px hsla(0,0%,100%,.3);transition:transform .1s,left .75s,top .75s,width .75s,height .75s}.item,.item:before{position:absolute;border-radius:20px}.item:before{content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4));opacity:.4}.item:first-child,.item:nth-child(2){left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;opacity:1}.item:nth-child(3){left:95%;opacity:1}.item:nth-child(4){left:calc(95% + 220px)}.item:nth-child(5){left:calc(95% + 440px)}.item:nth-child(6){left:calc(95% + 660px);opacity:0}.content{width:min(30vw,300px);position:absolute;top:50%;left:2rem;transform:translateY(-50%);color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.5);opacity:0;display:none;z-index:2}.content .title{font-size:1.25rem}.content .description{line-height:1.7;margin:1rem 0 1.5rem;font-size:1rem}.content button{width:-moz-fit-content;width:fit-content;background-color:rgba(0,0,0,.1);color:#fff;border:2px solid #fff;border-radius:.25rem;padding:.75rem;cursor:pointer}.item:nth-of-type(2) .content{display:block;animation:show .75s ease-in-out .3s forwards}@keyframes show{0%{filter:blur(5px);transform:translateY(calc(-50% + 75px))}to{opacity:1;filter:blur(0)}}.nav{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav .btn{background-color:hsla(0,0%,100%,.5);color:rgba(0,0,0,.7);border:2px solid rgba(0,0,0,.6);margin:0 .25rem;padding:.75rem;border-radius:50%;cursor:pointer}.nav .btn:hover{background-color:hsla(0,0%,100%,.3)}@media (width > 650px) and (width < 900px){.content .title{font-size:1rem}.content .description,.content button{font-size:.7rem}.item{width:160px;height:100%;border-radius:0}.item:nth-child(3){left:95}.item:nth-child(4){left:calc(95 + 170px)}.item:nth-child(5){left:calc(95 + 340px)}.item:nth-child(6){left:calc(95 + 510px);opacity:0}}@media (width < 650px){.slider{border-radius:0}.content{width:80%;top:70%;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);border:1px solid #272727;background-color:#303030;padding:10px;border-radius:20px}.content .title{font-size:1.1rem}.content .description{font-size:.85rem}.content button{font-size:.7rem}.content a{width:100%}.item{width:130px;height:100%;border-radius:0}.item:nth-child(3){left:95%}.item:nth-child(4){left:calc(95% + 140px)}.item:nth-child(5){left:calc(95% + 280px)}.item:nth-child(6){left:calc(95% + 420px);opacity:0}}