*{margin:0;padding:0}body{background-color:#000;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.parent{flex-wrap:wrap;width:100%;min-height:100vh;padding:20px;display:flex}.card{cursor:pointer;background-color:#fff;border-radius:25px;flex-direction:column;justify-content:space-between;width:240px;height:300px;margin:20px;padding:25px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000004d}.top{justify-content:space-between;align-items:center;display:flex}.top img{border:1px solid #c4c1c1;border-radius:50%;width:25px;height:25px;padding:2px}.top button{color:#c4c1c1;cursor:pointer;background-color:#0000;border:1.5px solid #c4c1c1;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:10px;display:flex}.core{padding:5px}.core h3{font-size:14px}.core h3 span{color:#c4c1c1;font-size:10px}.core h2{margin-top:10px;font-size:20px}.core .tags{gap:10px;margin-top:10px;display:flex}.tags h4{color:#000;background-color:#dcd7d7;border-radius:5px;padding:6px 12px;font-size:12px}.bottom{border-top:1.5px solid #d9e0dc;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.bottom h3{margin:0;padding:0;font-size:16px}.bottom p{color:#c4c1c1;margin:0;padding:0;font-size:12px}.bottom button{color:#c4c1c1;cursor:pointer;background-color:#000;border:none;border-radius:5px;padding:8px 16px;font-size:12px;transition:all .1s}.bottom button:hover{color:#fff;background-color:#333}.bottom button:active{transform:scale(.95);box-shadow:inset 0 2px 5px #00000080}