.blog-container{background-color:#f8f7f5;width:100%;overflow-y:hidden;overflow-x:hidden;display:flex;padding-top:120px;flex-direction:column;justify-content:center;.blogs{min-height:100vh;height:-moz-max-content;height:max-content;padding:3% 13%;padding-bottom:15%;display:flex;flex-direction:column;justify-content:center;align-items:center;.blog{background-color:#fff;display:flex;justify-content:center;height:350px;margin:30px 0;max-width:1500px;width:100%;.blog-img{width:45%;height:100%;display:flex;overflow:hidden;background-color:grey;img{-o-object-fit:cover;object-fit:cover}}.blog-img:hover{cursor:pointer;opacity:.7}.blog-preview{padding:2% 5%;width:55%;display:flex;justify-content:left;width:100%;flex-direction:column;.blog-info{display:flex;justify-content:left;width:100%;.creator-icon{border-radius:50%;width:4vw;height:4vw;display:flex;overflow:hidden;background-color:grey;img{-o-object-fit:cover;object-fit:cover}}.creator-icon:hover{cursor:pointer;opacity:.7}.create-info{padding:0 5%;text-align:left;display:flex;flex-direction:column;justify-content:center;color:#676767;.create-by{font-size:100%}.create-by:hover{cursor:pointer;color:#acacac}.create-on{font-size:80%}}}.title{margin-top:15px;font-size:200%;text-align:left;color:#1f4360}.title:hover{cursor:pointer;color:#748491}.content{padding:20px 0;font-size:100%;text-align:left;color:#676767}.content:hover{cursor:pointer;color:#acacac}.middle-line{border-bottom:2px solid #f8f7f5;margin:10px 0}.blog-data{width:100%;display:flex;.view{float:left}.like,.view{color:#676767}.like{display:flex;float:right;margin-left:auto;.like-icon{margin-left:10px;cursor:pointer}}}}}}}