body{background-color:#d3d3d3;font-family:Arial,Helvetica,sans-serif;color:#646464}.scene{width:600px;height:350px;perspective:600px}.card{width:100%;height:100%;position:relative;transition:transform 1s;transform-style:preserve-3d;cursor:pointer;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.card__face{position:absolute;height:100%;width:100%;backface-visibility:hidden}.card__face--front{background:#fff}.card__face--back{background:#fff;transform:rotateY(180deg)}.card.is-flipped{transform:rotateY(180deg)}.card-border{width:560px;height:310px;margin:0;padding:20px}