@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;font-family:Instrument Sans}pre{max-height:200px}pre .code{overflow-y:scroll;overflow-x:hidden;max-height:200px}pre code{display:block;min-height:10px;overflow-x:hidden}:root{--contrast_color: black;--contrast_color2: #000323;--primary_color: #00073c;--primary_color2: #343a4b;--secondary_color: #83A6CE;--secondary_color2: #b8cce3;--sidebar_width: 17vw;--sidebar_logo_width: 10vw;--title_font_size: 13px;--input_font_size: 12px;--button_font_size: 12px;--paragraph_font_size: 12px}html{font-size:16px}a:link,a:visited{color:inherit;text-decoration:none}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#a8bbbf;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}::-webkit-scrollbar-corner{display:none}::-webkit-scrollbar:horizontal{height:20px}*{-moz-tab-size:10;tab-size:10}.m-p25{margin:.25rem}.m-1000{margin:10rem}.p-25{padding:.25rem}.p-1000{padding:10rem}.mt-25{margin-top:.25rem}.mb-25{margin-bottom:.25rem}.green{background-color:#117554!important}.red{background-color:#ff2550!important}.purple{background-color:#9785b9!important}.blue{background-color:#3a03d2}.circle{border-radius:50%}.flex-x{display:flex;flex-direction:row}.flex-y{display:flex;flex-direction:column}.jy-start{justify-content:start}.jy-center{justify-content:center}.jy-end{justify-content:end}.an-start{align-items:start}.an-center{align-items:center}.an-end{align-items:end}.center{display:flex;align-items:center;justify-content:center;text-align:center}.push-top{margin-bottom:auto}.push-bottom{margin-top:auto}.push-left{margin-right:auto}.push-right{margin-left:auto}.push-center{margin:auto}.push-ne{margin-bottom:auto;margin-left:auto}.push-nw{margin-bottom:auto;margin-right:auto}.push-se{margin-top:auto;margin-left:auto}.push-sw{margin-top:auto;margin-right:auto}.m-025{margin:.25rem}.mt-025{margin-top:.25rem}.mb-025{margin-bottom:.25rem}.ml-025{margin-left:.25rem}.mr-025{margin-right:.25rem}.mx-025{margin-left:.25rem;margin-right:.25rem}.my-025{margin-top:.25rem;margin-bottom:.25rem}.m-05{margin:.5rem}.mt-05{margin-top:.5rem}.mb-05{margin-bottom:.5rem}.ml-05{margin-left:.5rem}.mr-05{margin-right:.5rem}.mx-05{margin-left:.5rem;margin-right:.5rem}.my-05{margin-top:.5rem;margin-bottom:.5rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.mx-1{margin-left:1rem;margin-right:1rem}.my-1{margin-top:1rem;margin-bottom:1rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mr-2{margin-right:2rem}.mx-2{margin-left:2rem;margin-right:2rem}.my-2{margin-top:2rem;margin-bottom:2rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mr-4{margin-right:4rem}.mx-4{margin-left:4rem;margin-right:4rem}.my-4{margin-top:4rem;margin-bottom:4rem}.m-8{margin:8rem}.mt-8{margin-top:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mr-8{margin-right:8rem}.mx-8{margin-left:8rem;margin-right:8rem}.my-8{margin-top:8rem;margin-bottom:8rem}.m-10{margin:10rem}.mt-10{margin-top:10rem}.mb-10{margin-bottom:10rem}.ml-10{margin-left:10rem}.mr-10{margin-right:10rem}.mx-10{margin-left:10rem;margin-right:10rem}.my-10{margin-top:10rem;margin-bottom:10rem}.p-025{padding:.25rem}.pt-025{padding-top:.25rem}.pb-025{padding-bottom:.25rem}.pl-025{padding-left:.25rem}.pr-025{padding-right:.25rem}.px-025{padding-left:.25rem;padding-right:.25rem}.py-025{padding-top:.25rem;padding-bottom:.25rem}.p-05{padding:.5rem}.pt-05{padding-top:.5rem}.pb-05{padding-bottom:.5rem}.pl-05{padding-left:.5rem}.pr-05{padding-right:.5rem}.px-05{padding-left:.5rem;padding-right:.5rem}.py-05{padding-top:.5rem;padding-bottom:.5rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pb-1{padding-bottom:1rem}.pl-1{padding-left:1rem}.pr-1{padding-right:1rem}.px-1{padding-left:1rem;padding-right:1rem}.py-1{padding-top:1rem;padding-bottom:1rem}.p-2{padding:2rem}.pt-2{padding-top:2rem}.pb-2{padding-bottom:2rem}.pl-2{padding-left:2rem}.pr-2{padding-right:2rem}.px-2{padding-left:2rem;padding-right:2rem}.py-2{padding-top:2rem;padding-bottom:2rem}.p-4{padding:4rem}.pt-4{padding-top:4rem}.pb-4{padding-bottom:4rem}.pl-4{padding-left:4rem}.pr-4{padding-right:4rem}.px-4{padding-left:4rem;padding-right:4rem}.py-4{padding-top:4rem;padding-bottom:4rem}.p-8{padding:8rem}.pt-8{padding-top:8rem}.pb-8{padding-bottom:8rem}.pl-8{padding-left:8rem}.pr-8{padding-right:8rem}.px-8{padding-left:8rem;padding-right:8rem}.py-8{padding-top:8rem;padding-bottom:8rem}.p-10{padding:10rem}.pt-10{padding-top:10rem}.pb-10{padding-bottom:10rem}.pl-10{padding-left:10rem}.pr-10{padding-right:10rem}.px-10{padding-left:10rem;padding-right:10rem}.py-10{padding-top:10rem;padding-bottom:10rem}.w0{width:0px}.w1{width:1px}.w2{width:2px}.w3{width:3px}.w4{width:4px}.w5{width:5px}.w6{width:6px}.w7{width:7px}.w8{width:8px}.w9{width:9px}.w10{width:10px}.w11{width:11px}.w12{width:12px}.w13{width:13px}.w14{width:14px}.w15{width:15px}.w16{width:16px}.w17{width:17px}.w18{width:18px}.w19{width:19px}.w20{width:20px}.w21{width:21px}.w22{width:22px}.w23{width:23px}.w24{width:24px}.w25{width:25px}.w26{width:26px}.w27{width:27px}.w28{width:28px}.w29{width:29px}.w30{width:30px}.w31{width:31px}.w32{width:32px}.w33{width:33px}.w34{width:34px}.w35{width:35px}.w36{width:36px}.w37{width:37px}.w38{width:38px}.w39{width:39px}.w40{width:40px}.w41{width:41px}.w42{width:42px}.w43{width:43px}.w44{width:44px}.w45{width:45px}.w46{width:46px}.w47{width:47px}.w48{width:48px}.w49{width:49px}.w50{width:50px}.w51{width:51px}.w52{width:52px}.w53{width:53px}.w54{width:54px}.w55{width:55px}.w56{width:56px}.w57{width:57px}.w58{width:58px}.w59{width:59px}.w60{width:60px}.w61{width:61px}.w62{width:62px}.w63{width:63px}.w64{width:64px}.w65{width:65px}.w66{width:66px}.w67{width:67px}.w68{width:68px}.w69{width:69px}.w70{width:70px}.w71{width:71px}.w72{width:72px}.w73{width:73px}.w74{width:74px}.w75{width:75px}.w76{width:76px}.w77{width:77px}.w78{width:78px}.w79{width:79px}.w80{width:80px}.w81{width:81px}.w82{width:82px}.w83{width:83px}.w84{width:84px}.w85{width:85px}.w86{width:86px}.w87{width:87px}.w88{width:88px}.w89{width:89px}.w90{width:90px}.w91{width:91px}.w92{width:92px}.w93{width:93px}.w94{width:94px}.w95{width:95px}.w96{width:96px}.w97{width:97px}.w98{width:98px}.w99{width:99px}.w-0{width:0%}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.h0{height:0px}.h1{height:1px}.h2{height:2px}.h3{height:3px}.h4{height:4px}.h5{height:5px}.h6{height:6px}.h7{height:7px}.h8{height:8px}.h9{height:9px}.h10{height:10px}.h11{height:11px}.h12{height:12px}.h13{height:13px}.h14{height:14px}.h15{height:15px}.h16{height:16px}.h17{height:17px}.h18{height:18px}.h19{height:19px}.h20{height:20px}.h21{height:21px}.h22{height:22px}.h23{height:23px}.h24{height:24px}.h25{height:25px}.h26{height:26px}.h27{height:27px}.h28{height:28px}.h29{height:29px}.h30{height:30px}.h31{height:31px}.h32{height:32px}.h33{height:33px}.h34{height:34px}.h35{height:35px}.h36{height:36px}.h37{height:37px}.h38{height:38px}.h39{height:39px}.h40{height:40px}.h41{height:41px}.h42{height:42px}.h43{height:43px}.h44{height:44px}.h45{height:45px}.h46{height:46px}.h47{height:47px}.h48{height:48px}.h49{height:49px}.h50{height:50px}.h51{height:51px}.h52{height:52px}.h53{height:53px}.h54{height:54px}.h55{height:55px}.h56{height:56px}.h57{height:57px}.h58{height:58px}.h59{height:59px}.h60{height:60px}.h61{height:61px}.h62{height:62px}.h63{height:63px}.h64{height:64px}.h65{height:65px}.h66{height:66px}.h67{height:67px}.h68{height:68px}.h69{height:69px}.h70{height:70px}.h71{height:71px}.h72{height:72px}.h73{height:73px}.h74{height:74px}.h75{height:75px}.h76{height:76px}.h77{height:77px}.h78{height:78px}.h79{height:79px}.h80{height:80px}.h81{height:81px}.h82{height:82px}.h83{height:83px}.h84{height:84px}.h85{height:85px}.h86{height:86px}.h87{height:87px}.h88{height:88px}.h89{height:89px}.h90{height:90px}.h91{height:91px}.h92{height:92px}.h93{height:93px}.h94{height:94px}.h95{height:95px}.h96{height:96px}.h97{height:97px}.h98{height:98px}.h99{height:99px}.h-0{height:0%}.h-1{height:1%}.h-2{height:2%}.h-3{height:3%}.h-4{height:4%}.h-5{height:5%}.h-6{height:6%}.h-7{height:7%}.h-8{height:8%}.h-9{height:9%}.h-10{height:10%}.h-11{height:11%}.h-12{height:12%}.h-13{height:13%}.h-14{height:14%}.h-15{height:15%}.h-16{height:16%}.h-17{height:17%}.h-18{height:18%}.h-19{height:19%}.h-20{height:20%}.h-21{height:21%}.h-22{height:22%}.h-23{height:23%}.h-24{height:24%}.h-25{height:25%}.h-26{height:26%}.h-27{height:27%}.h-28{height:28%}.h-29{height:29%}.h-30{height:30%}.h-31{height:31%}.h-32{height:32%}.h-33{height:33%}.h-34{height:34%}.h-35{height:35%}.h-36{height:36%}.h-37{height:37%}.h-38{height:38%}.h-39{height:39%}.h-40{height:40%}.h-41{height:41%}.h-42{height:42%}.h-43{height:43%}.h-44{height:44%}.h-45{height:45%}.h-46{height:46%}.h-47{height:47%}.h-48{height:48%}.h-49{height:49%}.h-50{height:50%}.h-51{height:51%}.h-52{height:52%}.h-53{height:53%}.h-54{height:54%}.h-55{height:55%}.h-56{height:56%}.h-57{height:57%}.h-58{height:58%}.h-59{height:59%}.h-60{height:60%}.h-61{height:61%}.h-62{height:62%}.h-63{height:63%}.h-64{height:64%}.h-65{height:65%}.h-66{height:66%}.h-67{height:67%}.h-68{height:68%}.h-69{height:69%}.h-70{height:70%}.h-71{height:71%}.h-72{height:72%}.h-73{height:73%}.h-74{height:74%}.h-75{height:75%}.h-76{height:76%}.h-77{height:77%}.h-78{height:78%}.h-79{height:79%}.h-80{height:80%}.h-81{height:81%}.h-82{height:82%}.h-83{height:83%}.h-84{height:84%}.h-85{height:85%}.h-86{height:86%}.h-87{height:87%}.h-88{height:88%}.h-89{height:89%}.h-90{height:90%}.h-91{height:91%}.h-92{height:92%}.h-93{height:93%}.h-94{height:94%}.h-95{height:95%}.h-96{height:96%}.h-97{height:97%}.h-98{height:98%}.h-99{height:99%}.react-express-sql-parent{padding:1rem}.react-express-sql-parent h1,.react-express-sql-parent .section{margin-bottom:1rem}.react-express-sql-parent pre{background-color:#282828;padding:.5rem;margin-block:.5rem;width:60vw;position:relative}.react-express-sql-parent pre .programming{color:#fff;background-color:#000;padding-inline:.5rem;padding-block:.25rem;width:fit-content;position:absolute;right:.5rem}.react-express-sql-parent code{color:#d6daaa}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.header-parent{color:#fff;font-style:italic;margin-bottom:1rem}.header-parent button{padding-inline:1rem;padding-block:.25rem;margin-left:.5rem;border-radius:1rem;border:0;cursor:pointer}.header-parent button:hover{background-color:#000;color:#fff}.react-parent{padding:1rem;background-color:#212121}.react-parent a{color:#fff;margin-right:1rem}.react-parent a:visited{color:#fff}.react-parent nav{margin-bottom:1rem}.react-parent h1,.react-parent .section{margin-bottom:1rem}.react-parent pre{background-color:#171717;border-radius:1rem;margin-block:.5rem;width:60vw;position:relative;overflow:hidden}.react-parent pre .programming{display:flex;align-items:center;color:#fff;background-color:#000;padding-inline:1rem;padding-block:.3rem;width:fit-content;right:.5rem;width:100%;font-size:1rem;height:1.75rem}.react-parent pre p{font-style:italic;font-size:.75rem}.react-parent pre .copy-button{font-size:.75rem;top:0rem;right:0rem;position:absolute;cursor:pointer;height:1.75rem;display:flex;padding:.5rem;padding-inline:1rem}.react-parent pre .copy-button:hover{background-color:#212121;color:pink;filter:brightness(1.5)}.react-parent .code{padding:0;padding-inline:1.5rem}.react-parent code{color:#a7a7a7;margin-inline:1rem;width:100%}.react-parent strong,.react-parent h1,.react-parent h2,.react-parent p{color:#fff}.react-parent strong{padding-top:2rem}a{color:#fff;margin-right:1rem}a:visited{color:#fff}nav{margin-bottom:1rem}