*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(45deg,#c2ffe9,#ffbdd6);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.wrapper,.card{width:300px;height:400px;border-radius:2rem}.wrapper:hover .card{transform:rotateY(180deg)}.wrapper{perspective:800px}.card{position:relative;transition:all .8s cubic-bezier(.7,-.5,.3,1.8);transform-style:preserve-3d;box-shadow:5px 5px 20px #000000b3}.front,.back{height:100%;width:100%;border-radius:2rem;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.front{background-image:url(/1.jpg);background-size:cover;background-position:20% 100%}.back{transform:rotateY(180deg);text-align:center;background-color:#000c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;filter:grayscale(1)}p{font-size:1rem;padding:0 10px;font-family:Dancing Script,cursive}h4{font-family:Pacifico,cursive;font-weight:700}h1{font-family:Poppins,sans-serif}#main_header{font-family:Pacifico,cursive;text-align:center;padding:2rem 0;font-weight:700}path{stroke-dashoffset:750;stroke-dasharray:750;animation:path 5s ease-in-out forwards}@keyframes path{0%{stroke-dashoffset:750}to{stroke-dashoffset:0}}.path_container{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 0}