#bloglist{min-height:100vh}#bloglist .container .blog-wrapper{display:flex;flex-direction:column;gap:20px;padding-bottom:100px;padding-top:50px;width:-moz-fit-content;width:fit-content}#bloglist .container .blog-wrapper .blog-content{height:100%;position:relative;width:100%}#bloglist .container .blog-wrapper .blog-content .img-wrapper{aspect-ratio:1/1;width:100%}#bloglist .container .blog-wrapper .blog-content .img-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#bloglist .container .blog-wrapper .blog-content .img-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#000c);pointer-events:none}@media screen and (min-width:768px){#bloglist .container .blog-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;padding-bottom:100px;padding-top:50px;width:-moz-fit-content;width:fit-content}#bloglist .container .blog-wrapper .blog-content{position:relative;aspect-ratio:1/1;width:calc(50% - 8px)}#bloglist .container .blog-wrapper .blog-content .img-wrapper{aspect-ratio:1/1;width:100%}#bloglist .container .blog-wrapper .blog-content .img-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#bloglist .container .blog-wrapper .blog-content .title-wrapper{display:flex;flex-direction:column;gap:14px;position:absolute;height:fit-content;width:84%;bottom:30px;left:30px}#bloglist .container .blog-wrapper .blog-content .title-wrapper .title{font-family:JostLight;font-size:20px;line-height:24px;text-decoration:none}#bloglist .container .blog-wrapper .blog-content .title-wrapper .date{color:var(--blue-text);font-size:13px;line-height:15px}}@media screen and (min-width:1024px){#bloglist{min-height:calc(100vh - 445px)}#bloglist .container .blog-wrapper{gap:32px}#bloglist .container .blog-wrapper .blog-content{width:calc(33.33% - 21.33px)}}