html{scroll-behavior:smooth}.blog .title{font-size:1.8rem;font-weight:500}@media screen and (max-width:801px){.blog .title{font-size:1.2rem}}.blog .TableOfContents{padding:1.5rem;border-radius:1rem;background-color:rgb(216,233,201)}.blog .TableOfContents .h1{margin-left:.5rem}.blog .TableOfContents .h2{margin-left:1.8rem}.blog .TableOfContents .h3{margin-left:3.1rem}.blog .TableOfContents .h4{margin-left:4.4rem}.blog .content{padding:1.8rem;margin-bottom:2rem;border-radius:2rem;background-color:rgb(238,238,238)}.blog .content .main blockquote,.blog .content .main div,.blog .content .main p,.blog .content .main span,.blog .content .main strong{margin-bottom:.8rem;font-size:17px}.blog .content .main p{line-height:1.4em}.blog .content .main a{background:linear-gradient(transparent 70%,#6a8e2391 0)}.blog .content .main div .image{padding:.6rem}.blog .content .main div .image img{border-radius:1.5rem}.blog .content .main blockquote{margin-top:.8rem;margin-bottom:1.5rem}.blog .content .main h1{font-size:1.7rem;font-weight:700;margin-top:4cap;margin-bottom:1.5rem;position:relative;padding:.3em 0 .2em 1em;border-bottom:3px solid #719471;color:#333333}.blog .content .main h1:before{position:absolute;top:0;left:.3em;transform:rotate(55deg);height:11px;width:12px;background:#719471;content:""}.blog .content .main h1:after{position:absolute;transform:rotate(15deg);top:.6em;left:0;height:8px;width:8px;background:#719471;content:""}.blog .content .main h2{border-bottom:3px solid #89af89}.blog .content .main h2,.blog .content .main h3{font-size:1.4rem;font-weight:700;margin-top:2rem;margin-bottom:1.5rem;position:relative;padding:.3em 0 .2em 1em;color:#333333}.blog .content .main h3{border-bottom:3px dotted #89af89}.blog .content .main h4{font-size:1.2rem;font-weight:700;margin-top:2rem;margin-bottom:1.5rem;position:relative;padding:.3em 0 .2em 1em;border-left:3px dotted #89af89;color:#333333}.blog .content .main pre{background-color:#444444;padding:1rem;border-radius:.7rem;overflow:hidden;margin-top:2rem;color:rgb(230,230,230)}.blog .content .main .codeContainer{background-color:#444444;border-radius:.7rem;padding-top:1rem;overflow:hidden}.blog .content .main .codeContainer pre{padding-top:0;margin-top:0}.blog .content .main .codeContainer .codeFilename{position:relative;top:-1rem;left:-.5rem}.blog .content .main .codeContainer .codeFilename span{background-color:rgb(231,231,231);padding:.2rem .8rem .2rem 1.5rem;width:100%;border-radius:.5rem}