.intro{margin:60px auto;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;max-width:890px;padding:0 15px}.intro .hero{flex-grow:1}.intro img{max-height:320px}.intro h2{font-size:2em;text-wrap:pretty}.intro p{text-wrap:balance}.intro .container{max-width:1200px;margin:0 auto}.intro picture img,.intro picture source{border-radius:50%;width:300px;object-fit:cover;margin:0 auto;display:block}.intro p{margin:calc(1em + 1ex) 0;line-height:calc(1em + .7ex);font-size:1.3em}.intro .intro-text{max-width:720px;margin:0 auto}.intro .get-started{text-decoration:none;font-size:1.5em;color:var(--accent-color);font-weight:900;transition:all .3s linear}.intro .get-started .chapter-title{border-bottom:5px solid}.intro .get-started:hover{color:var(--accent-color-darker)}@media(max-width:768px){.intro{grid-template-columns:auto}.intro .hero{order:-1;justify-self:center}}.released-chapters{font-size:1rem;max-width:890px;margin:0 auto;padding:35px 38px;border-radius:20px;background-color:var(--toc-background);-webkit-backdrop-filter:blur(5px) saturate(1.2);backdrop-filter:blur(5px) saturate(1.2);border:1px solid hsla(0,0%,52%,.188)}@media(max-width:768px){.released-chapters{padding:20px;margin:0 -1rem}}.released-chapters .subtopic{margin:0 20px}.released-chapters h2{font-size:1.6rem;margin:0}.released-chapters h3{font-size:1.2rem;margin:1.5rem 0 1rem;font-weight:500;line-height:1.4;letter-spacing:-.015em}.released-chapters h3,.released-chapters span{color:var(--secondary-text)}.released-chapters a{color:var(--accent-color);font-weight:500;transition:all .3s ease;border-radius:5px}.released-chapters a:hover{background-color:var(--accent-color-alpha)}.released-chapters a,.released-chapters span{text-decoration:none;display:inline-block;padding:5px;font-size:1.15em}