chaoticbackup.github.io/build/207.css

@media only screen and (min-width:975px){.pack{max-width:90%}.pack .card{width:20%}}@media only screen and (max-width:975px){.pack{max-width:90%}.pack .card{width:40%}}.packsim input[type=number]::-webkit-inner-spin-button,.packsim input[type=number]::-webkit-outer-spin-button{opacity:1}.enterthecode .card{height:350px;width:250px}.pack{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto}.pack .card{margin:5px}.pack .card:hover{height:350px;width:250px}.pack .card>div{background-size:cover;-webkit-border-radius:5px;box-sizing:initial;height:210px;-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s,top 1s,left 1s;-o-transition-duration:1s,1s,1s,1s,1s,1s,1s,1s;-moz-transition-duration:1s,1s,1s,1s,1s,1s,1s,1s;transition-duration:1s,1s,1s,1s,1s,1s,1s,1s;-o-transition-property:width,height,-o-transform,background,font-size,opacity,top,left;-moz-transition-property:width,height,-o-transform,background,font-size,opacity,top,left;transition-property:width,height,transform,background,font-size,opacity,top,left;width:150px}.pack .card>div:hover{height:350px;width:250px}.pack .card.locations{height:210px;width:150px}.pack .card.locations:hover{height:350px;width:250px}.pack .card.locations div{height:150px;transform:rotate(270deg);transform-origin:50% 70%;width:210px}.pack .card.locations div:hover{height:250px;width:350px}.pack .stats{height:100%;text-align:left;width:100%}.pack .stats span{color:#000;display:block;font-size:12px;left:10px;position:relative}.pack .stats span:first-of-type{top:130px}.pack .stats span:nth-of-type(2){top:128px}.pack .stats span:nth-of-type(3){top:126px}.pack .stats span:nth-of-type(4){top:124px}.pack .stats span:nth-of-type(5){font-size:14px;left:-11px;text-align:right;top:125px}.pack .card:hover .stats span{font-size:14px;font-weight:700;left:20px}.pack .card:hover .stats span:first-of-type{top:220px}.pack .card:hover .stats span:nth-of-type(2){top:229px}.pack .card:hover .stats span:nth-of-type(3){top:237px}.pack .card:hover .stats span:nth-of-type(4){top:245px}.pack .card:hover .stats span:nth-of-type(5){font-size:20px;left:-21px;text-align:right;top:258px}