.project-card{height:350px;position:relative;perspective:1000px;width:100%}.project-card-back,.project-card-front{height:100%;backface-visibility:hidden;padding:15px;justify-content:center;transition:transform .6s ease;position:absolute;text-align:center;box-sizing:border-box;align-items:center;border-radius:5px;width:100%;display:flex}.project-card-front{transform:rotateY(0deg);background:#f0f0f0;z-index:2}.project-card-back{overflow:hidden;background:#d1d1d1}.project-card-back,.project-card:hover .project-card-front{transform:rotateY(180deg)}.project-card:hover .project-card-back{transform:rotateY(0deg)}.card-cover{height:100%;object-fit:cover;border-radius:5px 5px 0 0;width:100%}.project-card-back p{padding:0 5px;font-size:14px;text-justify:inter-word;hyphens:auto;text-align:justify;margin:0;line-height:1.4}.close{font-weight:700;right:20px;transition:.3s;top:10px;z-index:10}.close:hover{text-decoration:none;color:#f44336}.gallery-popup{height:100%;overflow:hidden;position:fixed;top:0;background-color:rgba(0,0,0,.7);left:0;width:100%;display:none;z-index:1000}.gallery-content,.gallery-popup{justify-content:center;align-items:center}.gallery-content{max-width:90%;max-height:90%;display:flex}.gallery-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.close{right:30px;top:20px}.arrow,.close{font-size:30px;color:#fff;position:absolute;cursor:pointer}.arrow{transform:translateY(-50%);padding:10px;top:50%;user-select:none}.left-arrow{left:10px}.right-arrow{right:10px}