*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Arial,Helvetica,sans-serif;background-color:#171515}#Card{display:inline-flex}.card{width:20vw;height:40vh;background-color:#ebefef;margin:50px;border:none;border-radius:10px;overflow:hidden}#top{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}#top img{height:40px;width:40px;-o-object-fit:cover;object-fit:cover;border:none;border-radius:50%;padding:2px}#top button{display:flex;align-items:center;gap:4px;justify-content:space-around;padding:5px;border:1px solid rgb(103,100,100);border-radius:8px;color:#686464;font-weight:700;cursor:pointer}#top button:hover{background-color:#171515;color:#fff;transition:.3s}#middle{font-weight:700;padding:10px 20px;gap:10px;margin-bottom:50px;margin-top:10px}#middle h3{font-size:20px}#middle h3 span{color:#686464;font-weight:500;font-size:10px;margin-bottom:10px}#middle h2{font-size:20px}.but button{height:25px;padding:5px;background-color:#d8d8d8;border:none;color:#000;border-radius:5px;margin-right:4px}#bottom{margin-left:20px;margin-right:20px;border-top:2px solid rgb(194,190,190);display:flex;align-items:center;justify-content:space-between;padding-top:13px}#bottom .right{font-size:10px}#bottom .right h4{font-weight:600;color:#686464}#bottom button{background-color:#171515;color:#fff;padding:2px 5px}#bottom button:hover{background-color:#fff;color:#000;transition:.3s}