.card-skill{position:relative;width:350px;height:450px;margin:20px}.card-skill .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;transition:.5s}.card-skill .front{transform:perspective(600px) rotateY(0deg);box-shadow:0 5px 10px #000}.card-skill .front img{position:absolute;width:100%;height:100%;object-fit:cover}.card-skill .front h3{position:absolute;bottom:0;width:100%;height:45px;line-height:45px;color:#fff}.card-skill .back,.card-skill .front h3{background:rgba(0,0,0,.4);text-align:center}.card-skill .back{transform:perspective(600px) rotateY(180deg);padding:15px;color:#f3f3f3;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 10px #000}.card-skill .back h3{font-size:30px;margin-top:20px;letter-spacing:2px}.card-skill .back p{letter-spacing:1px}.card-skill:hover .front{transform:perspective(600px) rotateY(180deg)}.card-skill:hover .back{transform:perspective(600px) rotateY(1turn)}