.welcome-container[data-astro-cid-piq7xcc7]{background:var(--gray-100);opacity:1;background-image:radial-gradient(var(--gray-500) .95px, var(--gray-100) .95px);background-size:19px 19px;position:relative;overflow:hidden}.welcome-container[data-astro-cid-piq7xcc7]>.padding[data-astro-cid-piq7xcc7]{padding:30px 0}.welcome-container[data-astro-cid-piq7xcc7]>.bg-main[data-astro-cid-piq7xcc7]{background:var(--gray-100);z-index:-3;width:100%;height:100%;position:absolute}.welcome-container[data-astro-cid-piq7xcc7]>.bg-noise[data-astro-cid-piq7xcc7]{background:var(--gray-100);z-index:-2;width:100%;height:100%;position:absolute}.welcome-container[data-astro-cid-piq7xcc7]>.bg-fade[data-astro-cid-piq7xcc7]{background:linear-gradient(to right, transparent, var(--gray-100));z-index:-1;width:100%;height:100%;position:absolute}.grid[data-astro-cid-piq7xcc7]{grid-gap:2rem;grid-template-columns:repeat(2,1fr);align-items:center;display:grid}@media (width<=1024px){.noise[data-astro-cid-piq7xcc7]{--lines:5px;mask:repeating-radial-gradient(circle at 50% 75%, #000, var(--lines), #000, 0, #0000, calc(var(--lines) * 3), #0000 0)}.welcome-container[data-astro-cid-piq7xcc7]>.bg-fade[data-astro-cid-piq7xcc7]{background:linear-gradient(to top, transparent, var(--gray-100))}.grid[data-astro-cid-piq7xcc7]{flex-direction:column-reverse;display:flex}.grid[data-astro-cid-piq7xcc7]>div[data-astro-cid-piq7xcc7]:first-child{padding:30px}}@media (width<=768px){.grid[data-astro-cid-piq7xcc7]>div[data-astro-cid-piq7xcc7]:first-child{padding:20px}.grid[data-astro-cid-piq7xcc7]{grid-gap:0}}.welcome-heading[data-astro-cid-piq7xcc7]{font-size:3.75rem;font-family:var(--font-thai);color:#000;margin:0;font-weight:500}@media (width<=768px){.welcome-heading[data-astro-cid-piq7xcc7]{font-size:2.5rem}}.about[data-astro-cid-piq7xcc7]{color:var(--gray-1000);font-size:1.25rem;line-height:var(--leading);font-family:var(--font-body);margin:30px 0}.image[data-astro-cid-piq7xcc7]{user-drag:none;-webkit-user-drag:none;user-select:none;width:100%;height:auto}@media (width<=768px){.image[data-astro-cid-piq7xcc7]{width:100%;margin:0 auto 1rem;display:block}}.white-button[data-astro-cid-piq7xcc7]{color:#fff;border:1px solid var(--gray-600);font-family:var(--font-thai);border-radius:5rem;padding:6px 12px;text-decoration:none;display:inline-block}.wrapper[data-astro-cid-aodrpey5]{padding-top:2rem;padding-bottom:4rem}.heading[data-astro-cid-aodrpey5]{font-family:var(--font-thai);font-weight:400}.link[data-astro-cid-aodrpey5]{color:var(--gray-1000);font-size:1.125rem;font-family:var(--font-thai);margin-top:3rem;text-decoration:none;transition:all .25s;display:inline-block}.link[data-astro-cid-aodrpey5]:hover{transform:translate(.5rem)}.grid[data-astro-cid-aodrpey5]{grid-gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;display:grid}@media (width<=1100px){.grid[data-astro-cid-aodrpey5]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid[data-astro-cid-aodrpey5]{grid-template-columns:1fr}}.main-container[data-astro-cid-u4wprpgi]{background:var(--gray-100);padding-top:3rem;padding-bottom:4rem}.main-container[data-astro-cid-u4wprpgi] img[data-astro-cid-u4wprpgi]{width:100%;height:auto}.main-container[data-astro-cid-u4wprpgi] a[data-astro-cid-u4wprpgi]{font-family:var(--font-body);color:var(--blue-700);font-style:italic;font-weight:600;text-decoration:none;display:inline-block}.content[data-astro-cid-u4wprpgi] h2[data-astro-cid-u4wprpgi]{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;font-weight:600}.content[data-astro-cid-u4wprpgi] p[data-astro-cid-u4wprpgi]{font-family:var(--font-body);line-height:var(--leading);color:var(--gray-900)}.grid[data-astro-cid-u4wprpgi]{grid-gap:50px;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.grid[data-astro-cid-u4wprpgi]{grid-gap:25px}}@media (width<=768px){.grid[data-astro-cid-u4wprpgi]{grid-template-columns:1fr}}.section-container[data-astro-cid-lboysiw2]{background:var(--gray-100)}h2[data-astro-cid-lboysiw2].heading{font-family:var(--font-serif);margin:0 0 1.5rem;font-size:2.5rem;font-style:italic;font-weight:400}h2[data-astro-cid-lboysiw2].heading>b[data-astro-cid-lboysiw2]{font-weight:600}h2[data-astro-cid-lboysiw2].heading blockquote[data-astro-cid-lboysiw2]{margin:0}h2[data-astro-cid-lboysiw2].heading blockquote[data-astro-cid-lboysiw2] span[data-astro-cid-lboysiw2]{font-size:2.5rem;position:absolute;transform:translate(-1rem)}.sub-heading[data-astro-cid-lboysiw2]{font-family:var(--font-sans-thai);color:var(--gray-1000);margin-top:.5rem;font-style:italic;font-weight:500}.sub-heading[data-astro-cid-lboysiw2] .badge[data-astro-cid-lboysiw2]{color:var(--brand-500);background:#f9990220;border-radius:.25rem;margin-left:-.5rem;margin-right:.5rem;padding:.25rem .5rem;font-style:italic;font-weight:600}p[data-astro-cid-lboysiw2]{font-family:var(--font-body);line-height:var(--leading);color:var(--gray-900);margin-top:1.5rem;font-size:1rem}.enter-lesson[data-astro-cid-lboysiw2]{font-size:1.125rem;font-weight:600;font-family:var(--font-thai);margin-top:1.5rem;text-decoration:none;transition:all .25s;display:inline-block;color:var(--gray-1000)!important}.enter-lesson[data-astro-cid-lboysiw2].hover:hover{transform:translate(.5rem)}.grid[data-astro-cid-lboysiw2]{grid-gap:4rem;grid-template-columns:2fr 3fr;padding:3rem 0 2.5rem;display:grid}.grid[data-astro-cid-lboysiw2].content{margin-top:-5rem}.grid[data-astro-cid-lboysiw2] a[data-astro-cid-lboysiw2]{color:var(--brand-700);font-weight:500;text-decoration:none}.grid[data-astro-cid-lboysiw2] a[data-astro-cid-lboysiw2]:hover{color:var(--brand-600)}.grid[data-astro-cid-lboysiw2] a[data-astro-cid-lboysiw2][target=_blank]{color:var(--blue-1000);font-weight:500;text-decoration:none}.grid[data-astro-cid-lboysiw2] a[data-astro-cid-lboysiw2][target=_blank]:hover{color:var(--blue-500)}@media (width<=1024px){.grid[data-astro-cid-lboysiw2].content{margin-top:-6.5rem}.grid[data-astro-cid-lboysiw2]>div[data-astro-cid-lboysiw2]:first-child{order:1}.grid[data-astro-cid-lboysiw2] .interactive[data-astro-cid-lboysiw2]{margin-top:3rem}.grid[data-astro-cid-lboysiw2]{grid-gap:1.5rem;grid-template-columns:1fr}}.interactive[data-astro-cid-lboysiw2]{position:relative}.interactive[data-astro-cid-lboysiw2] .andrej[data-astro-cid-lboysiw2]{user-drag:none;-webkit-user-drag:none;user-select:none;width:255px;position:absolute;top:-132px;right:-18px}.section-container[data-astro-cid-jub7kzrm]{background:var(--dark-bg);padding:3rem 0 2.75rem;position:relative;overflow:hidden}.section-container[data-astro-cid-jub7kzrm] .bg-pattern[data-astro-cid-jub7kzrm]{z-index:0;user-drag:none;-webkit-user-drag:none;user-select:none;width:auto;height:100%;position:absolute;top:0;right:0}.section-container[data-astro-cid-jub7kzrm] .inner[data-astro-cid-jub7kzrm]{z-index:999;position:relative}.sub-heading[data-astro-cid-jub7kzrm]{font-family:var(--font-sans);color:var(--gray-700);font-style:italic;font-weight:500}.sub-heading[data-astro-cid-jub7kzrm]>span[data-astro-cid-jub7kzrm]:first-child{color:var(--brand-300);background:#ffc85d20;border-radius:.25rem;margin-right:.5rem;padding:.25rem .5rem}.sub-heading[data-astro-cid-jub7kzrm]>span[data-astro-cid-jub7kzrm]:nth-child(2){font-family:var(--font-body);color:var(--gray-500);margin-top:1.5rem;font-size:1rem;line-height:2rem}@media screen and (width<=768px){.sub-heading[data-astro-cid-jub7kzrm]>span[data-astro-cid-jub7kzrm]:nth-child(2){margin-top:1rem;margin-left:.5rem;display:block}}h2[data-astro-cid-jub7kzrm].heading{font-family:var(--font-serif);color:#fff;margin:1rem 0;font-size:2.5rem;font-style:italic;font-weight:500}h2[data-astro-cid-jub7kzrm].heading>b[data-astro-cid-jub7kzrm]{font-weight:600}.content[data-astro-cid-jub7kzrm] p[data-astro-cid-jub7kzrm]{font-family:var(--font-body);line-height:var(--leading);color:var(--gray-500);margin-top:1.5rem;font-size:1rem}.content[data-astro-cid-jub7kzrm] ul[data-astro-cid-jub7kzrm]{color:var(--gray-500);font-family:var(--font-body);line-height:var(--leading);width:75%;margin-top:1.5rem}.content[data-astro-cid-jub7kzrm] ul[data-astro-cid-jub7kzrm] li[data-astro-cid-jub7kzrm]{margin-bottom:.5rem}.readmore[data-astro-cid-jub7kzrm]{font-size:1.125rem;font-weight:600;font-family:var(--font-thai);margin-top:1rem;text-decoration:none;transition:all .25s;display:inline-block;color:#fff!important}.readmore[data-astro-cid-jub7kzrm]:hover{transform:translate(.5rem)}.grid[data-astro-cid-jub7kzrm]{grid-gap:3rem;grid-template-columns:1fr 35vw;display:grid}.grid[data-astro-cid-jub7kzrm] a[data-astro-cid-jub7kzrm]{color:var(--brand-700);font-weight:500;text-decoration:none}.grid[data-astro-cid-jub7kzrm] a[data-astro-cid-jub7kzrm]:hover{color:var(--brand-600)}.grid[data-astro-cid-jub7kzrm] a[data-astro-cid-jub7kzrm][target=_blank]{color:var(--blue-1000);font-weight:500;text-decoration:none}.grid[data-astro-cid-jub7kzrm] a[data-astro-cid-jub7kzrm][target=_blank]:hover{color:var(--blue-500)}@media (width<=1024px){.grid[data-astro-cid-jub7kzrm]>div[data-astro-cid-jub7kzrm]:first-child{order:1}.grid[data-astro-cid-jub7kzrm]{grid-gap:1rem;grid-template-columns:1fr}.grid[data-astro-cid-jub7kzrm]>div[data-astro-cid-jub7kzrm]:first-child{max-width:calc(100vw - 3rem)}.bg-pattern[data-astro-cid-jub7kzrm]{opacity:.5;transform:translate(50%)}}.browser[data-astro-cid-jub7kzrm]{background:var(--gray-200);z-index:999;border:1px solid #0000001a;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;width:200vw;margin-top:-40px;position:relative;box-shadow:0 0 10px #0000000d}@media screen and (width<=1024px){.browser[data-astro-cid-jub7kzrm]{margin-top:2.5rem}}.browser[data-astro-cid-jub7kzrm] .head[data-astro-cid-jub7kzrm]{background:#fff;border-bottom:1px solid #00000020;align-items:center;width:200vw;height:40px;display:flex}.browser[data-astro-cid-jub7kzrm] .head[data-astro-cid-jub7kzrm] div[data-astro-cid-jub7kzrm]{border-radius:50%;width:15px;height:15px;margin-left:.25rem}.browser[data-astro-cid-jub7kzrm] .head[data-astro-cid-jub7kzrm] div[data-astro-cid-jub7kzrm]:first-child{margin-left:.75rem}.customers[data-astro-cid-jub7kzrm]{width:80%;margin-top:.5rem;margin-bottom:.5rem}@media screen and (width<=768px){.customers[data-astro-cid-jub7kzrm]{width:100%}}.card[data-astro-cid-ppev5g3h]{color:#fff;border-radius:.5rem;padding:1.5rem;text-decoration:none}.card[data-astro-cid-ppev5g3h].cracking-the-leetcode{opacity:1;background-color:#fff;background-image:linear-gradient(135deg, var(--brand-100) 25%, transparent 25%), linear-gradient(225deg, var(--brand-100) 25%, transparent 25%), linear-gradient(45deg, var(--brand-100) 25%, transparent 25%), linear-gradient(315deg, var(--brand-100) 25%, white 25%);color:#000;border:1px solid var(--gray-400);background-position:15px 0,15px 0,0 0,0 0;background-repeat:repeat;background-size:30px 30px}.card[data-astro-cid-ppev5g3h].cracking-the-leetcode h2[data-astro-cid-ppev5g3h]{font-weight:600}.card[data-astro-cid-ppev5g3h].cracking-the-leetcode p[data-astro-cid-ppev5g3h]{font-weight:500}.card[data-astro-cid-ppev5g3h].simply-explained{opacity:1;background-color:#a73a69;background-image:linear-gradient(135deg,#af4d78 25%,#0000 25%),linear-gradient(225deg,#af4d78 25%,#0000 25%),linear-gradient(45deg,#af4d78 25%,#0000 25%),linear-gradient(315deg,#af4d78 25%,#a73a69 25%);background-position:26px 0,26px 0,0 0,0 0;background-repeat:repeat;background-size:26px 26px}.card[data-astro-cid-ppev5g3h].practical-byte{opacity:1;background-color:#512b10;background-image:linear-gradient(30deg,#713c17 12%,#0000 12.5% 87%,#713c17 87.5%,#713c17),linear-gradient(150deg,#713c17 12%,#0000 12.5% 87%,#713c17 87.5%,#713c17),linear-gradient(30deg,#713c17 12%,#0000 12.5% 87%,#713c17 87.5%,#713c17),linear-gradient(150deg,#713c17 12%,#0000 12.5% 87%,#713c17 87.5%,#713c17),linear-gradient(60deg,#713c1777 25%,#0000 25.5% 75%,#713c1777 75%,#713c1777),linear-gradient(60deg,#713c1777 25%,#0000 25.5% 75%,#713c1777 75%,#713c1777);background-position:0 0,0 0,19px 33px,19px 33px,0 0,19px 33px;background-size:38px 67px}.card[data-astro-cid-ppev5g3h].indie-hacking{opacity:1;background:linear-gradient(135deg,#13131355 25%,#0000 25%) -16px 0/32px 32px,linear-gradient(225deg,#131313 25%,#0000 25%) -16px 0/32px 32px,linear-gradient(315deg,#13131355 25%,#0000 25%) 0 0/32px 32px,linear-gradient(45deg,#131313 25%,#1f1f1f 25%) 0 0/32px 32px}.card[data-astro-cid-ppev5g3h].coders-at-work{opacity:1;background-color:#c55b19;background-image:linear-gradient(135deg,#d27032 25%,#0000 25%),linear-gradient(225deg,#d27032 25%,#0000 25%),linear-gradient(45deg,#d27032 25%,#0000 25%),linear-gradient(315deg,#d27032 25%,#c55b19 25%);background-position:18px 0,18px 0,0 0,0 0;background-repeat:repeat;background-size:36px 36px}.heading[data-astro-cid-ppev5g3h]{font-family:var(--font-serif);margin:0;font-size:1.6875rem;font-style:italic;font-weight:400}.description[data-astro-cid-ppev5g3h]{font-family:var(--font-thai);margin:1rem 0 0;font-size:1rem}.wrapper[data-astro-cid-ppev5g3h]{border-top:2px dashed var(--gray-400);border-bottom:2px dashed var(--gray-400);background:#fff;padding-top:3rem;padding-bottom:3rem}.grid[data-astro-cid-ppev5g3h]{grid-gap:3rem;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1100px){.grid[data-astro-cid-ppev5g3h]{grid-gap:1.5rem;grid-template-columns:1fr}}.grid[data-astro-cid-ppev5g3h] img[data-astro-cid-ppev5g3h]{object-fit:cover;width:100%;height:100%}