.bloglist{background-color:var(--black-color);flex-flow:wrap;justify-content:space-between;width:100%;padding-top:10rem;padding-bottom:10rem;display:flex}.bloglist .blog{flex-flow:column;justify-content:start;width:20rem;height:fit-content;margin-bottom:3rem;margin-right:2rem;display:flex}.bloglist .blog img{aspect-ratio:1;border-radius:var(--border-radius);height:16rem}.bloglist .blog h1{color:var(--text-white-color);text-align:start;width:100%;margin:1rem 0;font-weight:800}.bloglist .blog .small-title{width:100%;color:var(--text-white-color)}.bloglist .blog .linkTo{margin-top:.5rem}.blogdetails{background-color:var(--background-color);flex-flow:column;justify-content:start;width:100%;height:100%;display:flex}.blogdetails img{object-fit:cover;border-radius:var(--border-radius);width:25rem;height:25rem}.blogdetails .content-blog{color:var(--text-white-color);padding-top:16rem;padding-bottom:10rem}.blogdetails .content-blog .title-author{flex-flow:column;justify-content:start;display:flex}.blogdetails .content-blog .title-author .larger-h1{color:var(--text-black-color);width:90%;margin:0 0 2rem}.blogdetails .content-blog .title-author .aux{text-transform:capitalize;color:var(--text-blackfade-color);flex-flow:row;justify-content:start;gap:10px;font-size:.8rem;display:flex}.blogdetails .content-blog .title-author .aux span{width:fit-content}.blogdetails .content-blog .blog-detail{flex-flow:row;justify-content:space-between;width:100%;margin-top:10rem;margin-bottom:5rem;display:flex}.blogdetails .content-blog .blog-detail .share-related{flex-flow:column;justify-content:start;width:35%;display:flex}.blogdetails .content-blog .blog-detail .share-related h4{text-transform:capitalize;color:var(--text-black-color);font-size:.8rem;font-weight:700}.blogdetails .content-blog .blog-detail .share-related .share{flex-flow:column;justify-content:space-between;width:100%;height:fit-content;display:flex}.blogdetails .content-blog .blog-detail .share-related .share .social-links{cursor:pointer;flex-flow:row;justify-content:start;width:100%;height:fit-content;display:flex}.blogdetails .content-blog .blog-detail .share-related .share .social-links a{color:var(--text-black-color);margin-right:1.1rem;font-size:1.2rem}.blogdetails .content-blog .blog-detail .share-related .share .social-links button{color:var(--text-black-color);cursor:pointer;background-color:#0000;margin-right:1.1rem;font-size:1.2rem;position:relative}.blogdetails .content-blog .blog-detail .share-related .related-article{flex-flow:column;width:100%;height:fit-content;margin-top:3rem;display:flex}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list{flex-flow:column;width:100%;height:fit-content;display:flex}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card{flex-flow:column;width:100%;height:14rem;margin:0 0 3rem;display:flex}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card img{object-fit:fit;border-radius:var(--border-radius);filter:grayscale(0%);width:10rem;height:8rem}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content{flex-flow:column;width:100%;display:flex}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content h3{width:11rem;height:2rem;color:var(--text-black-color);margin:.6rem 0 0 0;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content .linkTo h4{height:fit-content;color:var(--text-white-color);margin:0}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content .linkTo:hover h4{height:fit-content;color:var(--text-black-color);margin:0}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content .linkTo{height:fit-content;margin-top:1rem;padding:.2rem .6rem}.blogdetails .content-blog .blog-detail .article{width:65%}.blogdetails .content-blog .blog-detail .article .title-bold-extra{width:80%;color:var(--text-blackfade-color);margin-bottom:0}.blogdetails .content-blog .blog-detail .article p{width:80%;color:var(--text-black-color);white-space:pre-line;text-align:start;font-size:1rem;font-weight:400;line-height:1.8rem}@media screen and (max-width:480px){.bloglist{flex-flow:wrap;justify-content:center;padding-top:4rem;padding-bottom:4rem}.bloglist .blog{width:20rem;margin:0 auto 2rem}.bloglist .blog img{height:14rem}.bloglist .blog h1{height:1.8rem;margin-bottom:0;font-size:1.2rem;display:block;overflow-y:hidden}.bloglist .blog .linkTo{margin-top:.6rem}.blogdetails img{display:none}.blogdetails .content-blog{padding-top:10rem;padding-bottom:2rem}.blogdetails .content-blog .blog-detail{flex-flow:column-reverse;margin-top:3rem}.blogdetails .content-blog .blog-detail .article{width:100%;margin-top:0}.blogdetails .content-blog .blog-detail .article p{text-align:start;width:100%;font-size:.9rem;line-height:1.5rem}.blogdetails .content-blog .blog-detail .share-related{border-top:1px solid var(--border-fade-color);flex-flow:column;justify-content:start;width:100%;margin-top:1rem}.blogdetails .content-blog .blog-detail .share-related h4{font-size:.8rem;font-weight:800}.blogdetails .content-blog .blog-detail .share-related .share .social-links a{margin-right:1.6rem}.blogdetails .content-blog .blog-detail .share-related .related-article{width:100%;margin-top:1rem;font-size:400px}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list{flex-flow:wrap;width:100%}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card{width:50%;height:fit-content;margin:0 0 3rem 0}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card img{display:block}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content{flex-flow:column;width:90%;display:flex}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content h3{width:fit-content;height:2.3rem;margin:.9rem 0 0 0}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content .linkTo{height:fit-content;margin-top:.3rem}.blogdetails .content-blog .blog-detail .share-related .related-article .related-list .related-card .related-content .linkTo h4{font-weight:400}}