*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{background-color:#efefef;font-family:monospace}.nav{background-color:#fff;padding:1em}.logo{color:#1e90ff;font-size:1.4em}.blog-container{margin:5em auto;display:flex;flex-wrap:wrap}.blog-card{padding:1em;min-height:4em;background-color:#fff;margin:1em;max-width:30em;transition:transform 1s}.blog-card:hover{transform:scale(1.01)}.blog-card h4{color:#000;font-size:1.4em;padding-bottom:.6em}.blog-card p{color:gray}.blog-card .span{margin-top:1em}.details-container{margin:5em;max-width:50em}