.blogbody{display:flex;justify-content:space-between;}.blogbody .social-media-group{display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:8rem;opacity:0;}.blogbody .social-media-group .round{display:flex;width:4.2rem;height:4.2rem;padding:.9rem;justify-content:center;align-items:center;border-radius:6rem;}.blogbody .social-media-group .round.twitter{background:#1FAEFF;}.blogbody .social-media-group .round.linkedin{background:#1C859C;}.blogbody .social-media-group .round.share{background:#333;}.blogbody .social-media-group .round.facebook{background:#1234AB;}.blogbody .content{flex-basis:55%;max-width:55%;overflow-x:hidden;}.blogbody .content a{color:#F86638;}.blogbody .content .table-block{width:100%;overflow-x:scroll;margin-bottom:4rem;}.blogbody .content .table-block .caption{color:#333;font-family:"Satoshi-bold";font-size:1.8rem;font-style:normal;text-align:left;line-height:100%;display:flex;margin-bottom:1.2rem;}.blogbody .content .table-block::-webkit-scrollbar{display:none}.blogbody .content .table-block table{border-collapse:collapse;table-layout:fixed;}.blogbody .content .table-block table tr{height:64px;gap:12px;border-bottom:1px solid #E4E7EC;}.blogbody .content .table-block table th{color:#333;font-family:"Satoshi-bold";padding:12px 24px;font-size:1.8rem;font-style:normal;text-align:left;line-height:100%;width:auto;background:#F2F2F2;}.blogbody .content .table-block table td{color:#333;font-family:"Spline Sans";font-size:16px;padding:12px 24px;font-style:normal;font-weight:400;text-align:left;line-height:20px;width:auto;}.blogbody .content h2{font-size:3rem;margin-bottom:1.8rem;line-height:133%;}.blogbody .content h3{font-size:2.2rem;margin-bottom:1.4rem;line-height:133%}.blogbody .content h4{font-size:1.8rem;margin-bottom:1.8rem;line-height:133%}.blogbody .content p{margin-bottom:2.4rem;width:100%}.blogbody .content ul{margin-bottom:3.6rem}.blogbody .content ul li{margin-bottom:3.6rem;width:100%;font-family:"Spline Sans";font-size:1.8rem;font-weight:400;line-height:137%;margin-left:2rem;margin-bottom:2rem}.blogbody .content ol{margin-bottom:4.2rem}.blogbody .content ol li{margin-bottom:3.6rem;width:100%;font-family:"Spline Sans";font-size:1.8rem;font-weight:400;line-height:137%;margin-left:2rem}.blogbody .content ol li code{display:flex;width:100%;margin-top:1.8rem;margin-left:-2rem;padding:2.8rem;gap:2.2rem;border-radius:4px;background:#213142;color:#fff;font-family:monospace;font-size:1.6rem;font-weight:400;line-height:137%;border-left:1rem solid #3d4c5b;overflow-x:scroll}.blogbody .content p code{display:flex;width:100%;padding:2.8rem;gap:22px;border-radius:4px;background:#213142;color:#fff;font-family:monospace;font-size:1.6rem;font-weight:400;line-height:137%;border-left:1rem solid #3d4c5b;overflow-x:scroll}.blogbody .author-profile{flex-basis:30%;display:flex;height:fit-content;flex-direction:column;gap:1.8rem;position:sticky;top:8rem;padding:0 2rem;}.blogbody .author-profile .header{display:flex;gap:1.6rem;}.blogbody .author-profile .header .avatar{width:4.8rem;height:4.8rem;overflow:hidden;border-radius:5rem;}.blogbody .author-profile .header .avatar img{width:100%;object-fit:contain;height:fit-content}@media only screen and (max-width:992px){}@media only screen and (max-width:768px){}@media only screen and (max-width:576px){.blogbody{display:flex;justify-content:space-between;flex-direction:column;padding-bottom:8rem}.blogbody .social-media-group{display:none}.blogbody .content{padding-top:3rem;padding-bottom:3rem;border-bottom:1px solid #dbdbdb;max-width:100%}.blogbody .author-profile{flex-basis:30%;display:flex;height:fit-content;flex-direction:column;gap:1.8rem;position:sticky;top:3rem;margin-top:3rem;padding:0}}