html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:var(--ff-secondary),"Times New Roman",serif;color:var(--clr-neutral-0);background-color:var(--clr-neutral-970)}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style-type:none}button{border:0;margin:0;padding:0;background-color:transparent;font-family:var(--ff-secondary);cursor:pointer}img{display:block;max-width:100%;height:auto}a{color:var(--clr-base-300)}.wrapper{width:min(100% - 4.6875rem,87.5rem);margin-inline:auto}h1,h2,h3{font-weight:var(--fw-bold);line-height:1.1;margin-top:0}p{margin-top:0}a,a:visited,a:active{text-decoration:none}@font-face{font-display:swap;font-family:"Source Serif 4";font-style:normal;font-weight:400;src:url(../../fonts/source-serif-4/source-serif-4-v8-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Source Serif 4";font-style:normal;font-weight:700;src:url(../../fonts/source-serif-4/source-serif-4-v8-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lobster Two;font-style:italic;font-weight:400;src:url(../../fonts/lobster-two/lobster-two-v20-latin-italic.woff2) format("woff2")}:root{--clr-base-100: var(--clr-pink-100);--clr-base-200: var(--clr-pink-200);--clr-base-250: var(--clr-pink-250);--clr-base-300: var(--clr-pink-300);--clr-base-400: var(--clr-pink-400);--clr-base-450: var(--clr-pink-450);--clr-base-500: var(--clr-pink-500);--clr-base-600: var(--clr-pink-600);--clr-base-700: var(--clr-pink-700);--clr-base-800: var(--clr-pink-800);--clr-base-900: var(--clr-pink-900);--clr-neutral-0: hsl(0, 0%, 100%);--clr-neutral-100: hsl(0, 0%, 90%);--clr-neutral-200: hsl(0, 0%, 80%);--clr-neutral-300: hsl(0, 0%, 70%);--clr-neutral-400: hsl(0, 0%, 60%);--clr-neutral-500: hsl(0, 0%, 50%);--clr-neutral-600: hsl(0, 0%, 40%);--clr-neutral-700: hsl(0, 0%, 30%);--clr-neutral-800: hsl(0, 0%, 20%);--clr-neutral-900: hsl(0, 0%, 10%);--clr-neutral-970: hsl(0, 0%, 7%);--clr-neutral-1000: hsl(0, 0%, 0%);--clr-pink-100: hsl(330, 50%, 90%);--clr-pink-200: hsl(330, 50%, 80%);--clr-pink-250: hsl(330, 50%, 75%);--clr-pink-300: hsl(330, 50%, 70%);--clr-pink-400: hsl(330, 50%, 60%);--clr-pink-500: hsl(330, 50%, 50%);--clr-pink-600: hsl(330, 50%, 40%);--clr-pink-700: hsl(330, 50%, 30%);--clr-pink-800: hsl(330, 50%, 20%);--clr-pink-900: hsl(330, 50%, 10%);--clr-neutral-1000-alpha-100: hsla(0, 0%, 0%, .9);--clr-neutral-1000-alpha-200: hsla(0, 0%, 0%, .8);--clr-neutral-1000-alpha-300: hsla(0, 0%, 0%, .7);--clr-neutral-1000-alpha-400: hsla(0, 0%, 0%, .6);--clr-neutral-1000-alpha-500: hsla(0, 0%, 0%, .5);--clr-neutral-1000-alpha-600: hsla(0, 0%, 0%, .4);--clr-neutral-1000-alpha-700: hsla(0, 0%, 0%, .3);--clr-neutral-1000-alpha-800: hsla(0, 0%, 0%, .2);--clr-neutral-1000-alpha-900: hsla(0, 0%, 0%, .1);--clr-base-400-alpha-100: hsla(330, 50%, 60%, .9);--clr-base-400-alpha-200: hsla(330, 50%, 60%, .8);--clr-base-400-alpha-300: hsla(330, 50%, 60%, .7);--clr-base-400-alpha-400: hsla(330, 50%, 60%, .6);--clr-base-400-alpha-500: hsla(330, 50%, 60%, .5);--clr-base-400-alpha-600: hsla(330, 50%, 60%, .4);--clr-base-400-alpha-700: hsla(330, 50%, 60%, .3);--clr-base-400-alpha-800: hsla(330, 50%, 60%, .2);--clr-base-400-alpha-900: hsla(330, 50%, 60%, .1);--ff-primary: "Lobster Two", serif;--ff-secondary: "Source Serif 4", serif;--fw-regular: 400;--fw-bold: 700;--border-width-small: 1px;--border-width-regular: 2px;--border-width-medium: 3px;--border-width-large: 4px;--border-base-style: solid;--transition-time-slow: 2s;--transition-time-regular: 1s;--transition-time-medium: .5s;--transition-time-fast: .3s}.header{position:fixed;background-color:var(--clr-neutral-1000-alpha-500);width:100%;backdrop-filter:blur(5px);border-bottom:var(--border-width-small) var(--border-base-style) var(--clr-neutral-700);padding:15px 0;z-index:1000}.header__wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__branding{display:flex;justify-content:center;align-items:center;gap:5px}.header__logo{height:3rem}.header__title-wrapper{display:flex;flex-direction:column;align-items:center}.header__stylish-letter{color:var(--clr-base-300);font-weight:var(--fw-bold)}.header__options{display:flex;align-items:center;justify-content:space-between;gap:15px}.header__github,.header__sponsor,.header__theme-btn{font-size:1.25rem;font-size:clamp(1.25rem,1.1685606061rem + .3787878788vw,1.5rem)}.header__github,.header__theme-btn{color:inherit;border:0;background-color:transparent}.header__sponsor{color:var(--clr-base-400)}.header h1{font-size:1.5rem;font-size:clamp(1.5rem,1.3778409091rem + .5681818182vw,1.875rem);display:inline-block;font-family:var(--ff-primary);font-weight:var(--fw-regular);color:var(--clr-base-400)}.header h2{font-size:.625rem;font-size:clamp(.625rem,.5679924242rem + .2651515152vw,.8rem);font-weight:var(--fw-regular);color:var(--clr-neutral-100);padding-bottom:5px;border-top:var(--border-width-regular) var(--border-base-style) var(--clr-base-500);padding-inline:5px;border-radius:8px}.aside{min-width:9.375rem;min-width:clamp(9.375rem,7.3390151515rem + 9.4696969697vw,15.625rem);border-right:var(--border-width-small) var(--border-base-style) var(--clr-neutral-700);display:inline-block;position:sticky;top:5.3125rem;align-self:flex-start;height:calc(100vh - 5.3125rem);overflow-y:auto}.aside__topics{margin-block:15px 30px;margin-right:15px}.aside__topic{margin-top:25px}.aside__topic .active{color:var(--clr-base-300);background-color:var(--clr-base-400-alpha-900);border-radius:5px;padding-inline:10px}.aside__topic-title{font-size:1.125rem;font-size:clamp(1.125rem,1.0679924242rem + .2651515152vw,1.3rem);font-family:var(--ff-primary)}.aside__topic-title a{color:var(--clr-base-400);transition:color var(--transition-time-fast)}.aside__topic-title a:hover{color:var(--clr-base-500)}.aside__topic-items{margin-left:15px;padding-left:10px;border-left:var(--border-width-small) var(--border-base-style) var(--clr-base-400)}.aside__topic-item{font-size:.75rem;font-size:clamp(.75rem,.709280303rem + .1893939394vw,.875rem);margin-block:10px}.aside__topic-item a{color:var(--clr-neutral-200);transition:color var(--transition-time-fast)}.aside__topic-item a:hover{color:var(--clr-base-250)}@media(max-width:36rem){.aside{position:static;top:auto;width:100%;min-width:auto;height:auto;border-right:none;border-bottom:var(--border-width-small) var(--border-base-style) var(--clr-neutral-700);margin-bottom:1.5rem;padding-bottom:1rem}}.content{margin-left:35px;margin-block:25px}.content__title{font-size:1.5rem;font-size:clamp(1.5rem,1.3371212121rem + .7575757576vw,2rem);font-family:var(--ff-primary);color:var(--clr-base-400);margin-bottom:10px}.content p{font-size:.8125rem;font-size:clamp(.8125rem,.7514204545rem + .2840909091vw,1rem)}.content h3{font-size:1.1rem;font-size:clamp(1.1rem,1.0022727273rem + .4545454545vw,1.4rem);font-family:var(--ff-primary);color:var(--clr-base-300);margin-top:20px;margin-bottom:8px}.content ul{margin-left:20px;padding-left:10px;margin-block:15px;border-left:var(--border-width-small) var(--border-base-style) var(--clr-base-400)}.content li{font-size:.875rem;font-size:clamp(.875rem,.834280303rem + .1893939394vw,1rem);margin-bottom:6px;color:var(--clr-neutral-300)}.content pre{background-color:var(--clr-neutral-900);padding:12px;border-radius:8px;overflow-x:auto;margin-bottom:15px}.content code{font-family:monospace;font-size:.85em}.content pre code{color:var(--clr-neutral-100)}.content p code{background:var(--clr-neutral-800);padding:2px 6px;border-radius:4px}@media(max-width:48rem){.content{margin-left:0;margin-right:0}}@media(max-width:36rem){.content{margin-block:0 25px}.content ul{margin-left:0;padding-left:14px}}.main__wrapper{display:flex;padding-top:5.3125rem;gap:2rem;align-items:flex-start}@media(max-width:36rem){.main__wrapper{display:flex;flex-direction:column;padding-top:5.3125rem;gap:1.25rem}}.code{background:var(--clr-neutral-900);border:var(--border-width-small) solid var(--clr-neutral-700);border-radius:10px;margin-block:20px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.code__header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:6px 10px;background:var(--clr-neutral-800);border-bottom:var(--border-width-small) solid var(--clr-neutral-700);color:var(--clr-neutral-300);font-family:monospace}.code__body pre{margin:0;padding:14px;overflow-x:auto;background:transparent;white-space:pre-wrap;word-wrap:break-word}.code__body code{white-space:pre-wrap;word-wrap:break-word}.code__copy{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--clr-neutral-700);background:transparent;color:var(--clr-neutral-200);cursor:pointer;transition:.2s ease;font-size:.75rem;font-family:var(--ff-secondary)}.code__copy :hover{background:var(--clr-neutral-800);border-color:var(--clr-neutral-600)}.nav-button{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.nav-button__link{flex:0 0 calc(50% - 10px);padding:12px 16px;border-radius:10px;border:var(--border-width-small) solid var(--clr-neutral-700);background:var(--clr-neutral-900);text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column}.nav-button__link :hover{border-color:var(--clr-base-400);transform:translateY(-2px)}.nav-button:has(.nav-button__link--next:only-child){justify-content:flex-end}.nav-button__label{font-size:.75rem;font-size:clamp(.75rem,.7174242424rem + .1515151515vw,.85rem);color:var(--clr-neutral-400);margin-bottom:4px}.nav-button__title{font-size:.75rem;font-size:clamp(.75rem,.6685606061rem + .3787878788vw,1rem);color:var(--clr-neutral-100)}.nav-button__link--next{text-align:right}.footer{background-color:var(--clr-neutral-1000);border-top:var(--border-width-small) var(--border-base-style) var(--clr-neutral-700)}.footer__wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:25px;padding:15px 0}.footer__links{display:flex;align-items:center;gap:25px}.footer__link{display:flex;align-items:center;flex-direction:column;gap:5px}.footer__link.sponsor{color:var(--clr-base-400)}.footer__link i{font-size:1.25rem;font-size:clamp(1.25rem,1.0871212121rem + .7575757576vw,1.75rem)}.footer__link a{font-size:.85rem;font-size:clamp(.85rem,.8011363636rem + .2272727273vw,1rem);color:inherit}.footer__copyright p{font-size:.8rem;font-size:clamp(.8rem,.7511363636rem + .2272727273vw,.95rem);color:var(--clr-neutral-200)}.footer__copyright span{font-size:.8rem;font-size:clamp(.8rem,.7511363636rem + .2272727273vw,.95rem);color:var(--clr-base-400);font-family:var(--ff-primary)}