*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1b1717}.parent{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:30px}.card{background-color:#090909;color:#fafafb;padding:10px;border-radius:10px;height:300px;width:300px;text-align:center;margin:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.card:hover{box-shadow:0 4px 8px #89bce1;transition:all .3s ease-in-out;background-color:#1d1c1c}.top{display:flex;margin-bottom:15px;color:gray;width:100%;flex-direction:column;gap:10px}.top .dateTime{display:flex;justify-content:space-between;font-size:14px}.card .name{margin:0;font-size:30px;color:#aaecec}.card img{width:140px;height:140px;border-radius:10px;object-fit:cover}img{animation:spin 1s linear;transform:scale(1.1)}@keyframes spin{0%{transform:scale(1.1) rotate(0)}to{transform:scale(1.1) rotate(360deg)}}img:hover{animation:spin 13s linear infinite}.card .content{color:#a6a69b;overflow:hidden}