*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}body{line-height:1.7;min-height:100vh}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}:root{--fs-xxs: .5rem;--fs-xs: .625rem;--fs-100: .75rem;--fs-200: .875rem;--fs-300: 1rem;--fs-400: 1.25rem;--fs-500: 1.375rem;--fs-600: 1.5rem;--fs-700: 2.25rem;--fs-800: 2.625rem;--fs-xl: 3.5rem;--fs-xxl: 5rem}@media (min-width: 768px){:root{--fs-xxs: .5313rem;--fs-xs: .6641rem;--fs-100: .7969rem;--fs-200: .9297rem;--fs-300: 1.0625rem;--fs-400: 1.3281rem;--fs-500: 1.4609rem;--fs-600: 1.5938rem;--fs-700: 2.3906rem;--fs-800: 2.7891rem;--fs-xl: 3.7188rem;--fs-xxl: 5.3125rem}}@media (min-width: 1024px){:root{--fs-xxs: .5625rem;--fs-xs: .7031rem;--fs-100: .8438rem;--fs-200: .9844rem;--fs-300: 1.125rem;--fs-400: 1.4063rem;--fs-500: 1.5469rem;--fs-600: 1.6875rem;--fs-700: 2.5313rem;--fs-800: 2.9531rem;--fs-xl: 3.9375rem;--fs-xxl: 5.625rem}}.fs-xxs{font-size:var(--fs-xxs);line-height:1.81}.fs-xs{font-size:var(--fs-xs);line-height:1.81}.fs-100{font-size:var(--fs-100);line-height:1.87}.fs-200{font-size:var(--fs-200);line-height:1.87}.fs-300{font-size:var(--fs-300);line-height:1.87}.fs-400{font-size:var(--fs-400);line-height:1.72}.fs-500{font-size:var(--fs-500);line-height:1.72}.fs-600{font-size:var(--fs-600);line-height:1.72}.fs-700{font-size:var(--fs-700);line-height:1.6}.fs-800{font-size:var(--fs-800);line-height:1.6}.fs-xl{font-size:var(--fs-xl);line-height:1.6}.fs-xxl{font-size:var(--fs-xxl);line-height:1.6}.bold{font-weight:700}.not-bold{font-weight:400}.italic{font-style:italic}@font-face{font-family:Amiri;src:url(./Amiri-Regular.DYKNhp1L.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(./Poppins-Regular.CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins Black;src:url(./Poppins-Black.yHqY0KRU.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.ff-amiri{font-family:Amiri}.ff-poppins{font-family:Poppins}.ff-poppins-black{font-family:Poppins Black}:root{--clr-surface: #F3F3FF;--clr-surface-variant: #D5D9F9;--clr-surface-container-low: #F2F1FF;--clr-surface-container: #E2E4F4;--clr-surface-container-highest: #A9A2CC;--clr-on-surface: #1E1C41;--clr-on-surface-variant: #3D3D42;--clr-primary: #5B42F1;--clr-primary-container: #D1D0F8;--clr-on-primary: #FFFFFF;--clr-secondary: #F8A101;--clr-secondary-container: #EDD785;--clr-on-secondary-container: #6C2617;--clr-secondary-variant: #FBC55F;--clr-accent-green: #00BC61;--clr-accent-green-container: #B5EDDA;--clr-on-accent-green-container: #116F5C;--clr-accent-blue: #0293B3;--clr-accent-blue-container: #B5DDED;--clr-on-accent-blue-container: #174B73;--clr-error: #E50F52;--clr-error-container: #FFB0BA;--clr-on-error-container: #8D012B;--clr-outline: #7F75A1;--clr-outline-variant: #B7B1CA;--clr-inverse-surface: #2E2F47;--clr-scrim: #1B1B26}.bg-surface{background-color:var(--clr-surface)}.bg-surface-variant{background-color:var(--clr-surface-variant)}.bg-surface-container-low{background-color:var(--clr-surface-container-low)}.bg-surface-container{background-color:var(--clr-surface-container)}.bg-surface-container-highest{background-color:var(--clr-surface-container-highest)}.bg-on-surface{background-color:var(--clr-on-surface)}.bg-on-surface-variant{background-color:var(--clr-on-surface-variant)}.bg-primary{background-color:var(--clr-primary)}.bg-primary-container{background-color:var(--clr-primary-container)}.bg-on-primary{background-color:var(--clr-on-primary)}.bg-secondary{background-color:var(--clr-secondary)}.bg-secondary-container{background-color:var(--clr-secondary-container)}.bg-on-secondary-container{background-color:var(--clr-on-secondary-container)}.bg-secondary-variant{background-color:var(--clr-secondary-variant)}.bg-accent-green{background-color:var(--clr-accent-green)}.bg-accent-green-container{background-color:var(--clr-accent-green-container)}.bg-on-accent-green-container{background-color:var(--clr-on-accent-green-container)}.bg-accent-blue{background-color:var(--clr-accent-blue)}.bg-accent-blue-container{background-color:var(--clr-accent-blue-container)}.bg-on-accent-blue-container{background-color:var(--clr-on-accent-blue-container)}.bg-error{background-color:var(--clr-error)}.bg-error-container{background-color:var(--clr-error-container)}.bg-on-error-container{background-color:var(--clr-on-error-container)}.bg-outline{background-color:var(--clr-outline)}.bg-outline-variant{background-color:var(--clr-outline-variant)}.bg-inverse-surface{background-color:var(--clr-inverse-surface)}.bg-scrim{background-color:var(--clr-scrim)}.text-surface{color:var(--clr-surface)}.text-surface-variant{color:var(--clr-surface-variant)}.text-surface-container-low{color:var(--clr-surface-container-low)}.text-surface-container{color:var(--clr-surface-container)}.text-surface-container-highest{color:var(--clr-surface-container-highest)}.text-on-surface{color:var(--clr-on-surface)}.text-on-surface-variant{color:var(--clr-on-surface-variant)}.text-primary{color:var(--clr-primary)}.text-primary-container{color:var(--clr-primary-container)}.text-on-primary{color:var(--clr-on-primary)}.text-secondary{color:var(--clr-secondary)}.text-secondary-container{color:var(--clr-secondary-container)}.text-on-secondary-container{color:var(--clr-on-secondary-container)}.text-secondary-variant{color:var(--clr-secondary-variant)}.text-accent-green{color:var(--clr-accent-green)}.text-accent-green-container{color:var(--clr-accent-green-container)}.text-on-accent-green-container{color:var(--clr-on-accent-green-container)}.text-accent-blue{color:var(--clr-accent-blue)}.text-accent-blue-container{color:var(--clr-accent-blue-container)}.text-on-accent-blue-container{color:var(--clr-on-accent-blue-container)}.text-error{color:var(--clr-error)}.text-error-container{color:var(--clr-error-container)}.text-on-error-container{color:var(--clr-on-error-container)}.text-outline{color:var(--clr-outline)}.text-outline-variant{color:var(--clr-outline-variant)}.text-inverse-surface{color:var(--clr-inverse-surface)}.text-scrim{color:var(--clr-scrim)}a{font-size:inherit}button{background-color:transparent;border-radius:.25rem;padding:.5rem 2rem;color:var(--clr-on-surface);cursor:pointer;border:2px solid transparent}button:active,button:hover{position:relative}button:not(.disabled):active:before,button:not(.disabled):hover:before{content:"";position:absolute;inset:-2px;border-radius:inherit}a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:.25rem;padding:.5rem 2rem;cursor:pointer;border:2px solid transparent;text-align:center;font:inherit;gap:.5rem}a.button:active,a.button:hover{position:relative}a.button:not(.disabled):active:before,a.button:not(.disabled):hover:before{content:"";position:absolute;inset:-2px;border-radius:inherit}.button-light{background-color:var(--clr-on-primary);color:var(--clr-on-surface);font-size:20px}.button-light:not(.disabled):hover:before{background-color:#1e1c4114}.button-light:not(.disabled):active:before{background-color:#1e1c4129}.button-fill{background-color:var(--clr-primary);color:var(--clr-on-primary)}.button-fill:not(.disabled):hover:before{background-color:#ffffff14}.button-fill:not(.disabled):active:before{background-color:#ffffff29}.button-yellow{background-color:var(--clr-secondary-variant);color:var(--clr-on-surface)}.button-yellow:not(.disabled):hover:before{background-color:#1e1c4114}.button-yellow:not(.disabled):active:before{background-color:#1e1c4129}.button-outline-light{background-color:var(--clr-surface);color:var(--clr-primary);border-color:var(--clr-primary)!important}.button-outline-light:not(.disabled):hover:before{background-color:#5b42f114}.button-outline-light:not(.disabled):active:before{background-color:#5b42f129}.button-outline-dark{color:var(--clr-on-primary);border-color:var(--clr-on-primary)!important}.button-outline-dark:not(.disabled):hover:before{background-color:#ffffff14}.button-outline-dark:not(.disabled):active:before{background-color:#ffffff29}.button-text-light{color:var(--clr-primary);font-size:20px}.button-text-light:not(.disabled):hover:before{background-color:#5b42f114}.button-text-light:not(.disabled):active:before{background-color:#5b42f129}.button-text-yellow{color:var(--clr-secondary)}.button-text-yellow:not(.disabled):hover:before{background-color:#f8a10114}.button-text-yellow:not(.disabled):active:before{background-color:#f8a10129}.button-icon-light{width:2.25rem;height:2.25rem;aspect-ratio:1;padding:0}.button-icon-light:not(.disabled):hover:before{background-color:#5b42f114}.button-icon-light:not(.disabled):active:before{background-color:#5b42f129}.button-icon-dark{width:2.25rem;height:2.25rem;aspect-ratio:1;padding:0}.button-icon-dark:not(.disabled):hover:before{background-color:#ffffff14}.button-icon-dark:not(.disabled):active:before{background-color:#ffffff29}.button-topic{color:var(--clr-on-surface-variant)}.button-topic:not(.disabled):hover:before{background-color:#1e1c4114}.button-topic:not(.disabled):active:before{background-color:#1e1c4129}.button-topic.active{color:var(--clr-primary);background-color:#5b42f152;font-weight:700}.button-topic.active:not(.disabled):hover:before{background-color:#5b42f114}.button-topic.active:not(.disabled):active:before{background-color:#5b42f129}.scribble{position:relative;--scribble-width: 100%}.scribble:after{content:"";position:absolute;top:60%;bottom:0;left:-2px;z-index:-1;width:calc(var(--scribble-width, 0%) + 8px)}.scribble.yellow:after{background-color:#eba800}.scribble.cyan:after{background-color:#0eb8ae}.scribble.blue:after{background-color:#819fff}.scribble.green:after{background-color:#61df8f}.scribble.purple:after{background-color:#837dec}.scribble.red:after{background-color:#f2425a}.scribble.salmon:after{background-color:#ff8797}.scribble.blue-primary:after{background-color:#5b42f1}:root{--spacing: 3rem;--hero-padding-top: 8rem}@media (min-width: 768px) and (max-width: 1024px){:root{--spacing: 2rem}}@media (max-width: 768px){:root{--spacing: 1.5rem}}.small-box{width:100%;height:20svh}.tiny-box{width:100%;height:10svh}@media (max-width: 768px){.small-box{height:3rem}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-opacity{opacity:0}body{font-size:var(--fs-400);font-family:Poppins,sans-serif;background-color:var(--clr-surface);color:var(--clr-on-surface)}img{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}svg{width:100%;height:max-content;display:block}.apply-scribble .scribble{z-index:1}.apply-scribble .scribble:after{background-color:var(--scribble-color)}article.article .content>p{margin-bottom:1.25rem}article.article .content>h2{margin-top:2rem;margin-bottom:.5rem}article.article .content>h3{margin-top:1.5rem;margin-bottom:.5rem}article.article .content>img{margin-inline:auto;border-radius:.5rem;margin-bottom:3rem}