@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap";.card{position:relative;width:300px;height:400px;perspective:1000px;cursor:pointer}.card:hover{scale:1.03;transition:.3s ease-in-out}.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:transform .6s ease;border:1px solid #171515;border-radius:6px;box-shadow:0 7px 12px #0000002e}.front{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.back{background-color:#171515;color:#fff;transform:rotateY(-180deg);display:flex;flex-direction:column;align-items:center;justify-content:center}.flipped .front{transform:rotateY(180deg)}.flipped .back{transform:rotateY(0)}img{width:250px;height:225px;overflow:hidden;border:2px solid #171515;border-radius:6px}h2{margin-top:1rem;margin-bottom:0}.stats{display:flex;justify-content:space-between;margin-top:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat span:first-child{font-size:1.2rem;font-weight:700}.stat span:last-child{font-size:1rem;color:#888;padding:15px}p{margin-top:1rem;margin-bottom:0;text-align:center}a{margin-top:1rem;font-size:1.2rem;text-decoration:none;color:#fff;transition:color .3s ease-out}a:hover{color:#888;transition:.5s ease-out}*{font-family:Poppins,sans-serif}.search{height:100vh;display:flex;flex-direction:column;justify-content:center}#logo{border:none;margin:0 auto;width:40px;height:40px}h1,label{text-align:center;padding:10px}h1{font-family:Black Han Sans,sans-serif;letter-spacing:2px}.inp-btn{display:flex;flex-direction:row;flex-wrap:wrap;gap:.625rem;justify-content:center}input{margin-top:1.25rem;width:15%;max-width:25rem;padding:.625rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;box-shadow:0 2px 10px #00000024}button{font-size:16px;margin-top:1.25rem;padding:.625rem 2.5rem;border-radius:6px;border:1px solid #171515;background-color:#fff;color:#171515;box-shadow:0 2px 10px #0000000f;cursor:pointer}button:hover{background-color:#171515;color:#fff}#hide-div{margin-top:3%;display:flex;justify-content:center}.userData{display:flex;flex-direction:column;gap:30px;text-align:center}span:last-child{color:#171515}@media (max-width: 768px){.search{padding-top:0}input{width:30%;font-size:15px}button{font-size:15px;padding:.625rem 2rem}span:last-child{font-size:15px}#hide-div{margin-top:7%;display:flex;justify-content:center}}*{margin:0;padding:0}