*{box-sizing:border-box}body{margin:0;padding:0}#root{font-family:Figtree,sans-serif;background-color:#f4d04e;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.card{background-color:#fff;width:380px;height:520px;border:1px solid hsl(0,0%,7%);border-radius:20px;padding:20px;box-shadow:8px 8px}.card>h1{font-weight:800;font-size:1.5rem;color:#121212;margin-bottom:25px}.card>.para{font-size:16px;color:#6b6b6b;margin-bottom:25px}.publishDate{font-size:14px;color:#121212;font-weight:500}.learning{padding:5px 10px;background-color:#f4d04e;width:fit-content;border-radius:5px;font-weight:800;color:#121212;margin-bottom:16px}.image1{margin-bottom:20px;border-radius:10px}.dp{height:30px;width:30px;margin-right:10px}.bottom{display:flex;align-items:center}.bottom>span{font-weight:800;color:#121212;font-size:14px}@media (max-width: 400px){.card{width:88vw;padding:5vw}.image1{width:78vw}}