.card{height:470px;width:223px;max-width:95%;background:#1e88e5;text-align:center;line-height:50px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:#fff;font-size:16px;cursor:pointer;border-radius:10px;position:relative;box-shadow:0 2px 27px #00000021;transition:all .3s cubic-bezier(.4,0,.2,1)}.card--purple{background:transparent;transition:background .3s ease-in-out}.card--indigo{background:transparent;left:-60px;transition:background .3s ease-in-out,left .3s ease-in-out,margin .3s ease-in-out}.card--blue{background:transparent;left:-130px;transition:background .3s ease-in-out,left .3s ease-in-out,margin .3s ease-in-out}.card-holder{display:block;width:-moz-fit-content;width:fit-content;height:100%;position:relative}.card-holder .card{position:relative;display:inline-block;z-index:1;transition:transform .5s cubic-bezier(.4,0,.2,1),z-index .5s ease-in-out,box-shadow .3s ease-in-out}.card-holder .card:hover{z-index:5}.card-holder .card.t1,.card-holder .card.h1,.card-holder:hover .card.h1{transform:translate(0) scale(1);box-shadow:0 2px 27px #00000021;z-index:5}.card-holder .card.t2,.card-holder .card.h2,.card-holder:hover .card.h2{transform:translate(0) scale(.93);box-shadow:0 2px 27px #0000001a;z-index:4}.card-holder .card.t3,.card-holder .card.h3,.card-holder:hover .card.h3{transform:translate(0) scale(.83);box-shadow:0 2px 27px #00000012;z-index:3}@media (min-width: 300px) and (max-width: 856px){.card{height:300px;width:140px}.card--indigo,.card--blue{left:0;margin-left:-70px}}@media (min-width: 857px) and (max-width: 1470px){.card{height:370px;width:170px}.card--indigo,.card--blue{left:0;margin-left:-70px}}