.wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:100vh;overflow:hidden;position:relative;width:auto}.wrapper:after{content:"";height:100%;margin:25px auto 0;width:calc(100% - 50px)}#border,.wrapper:after{border:4px solid #f1dac4;left:0;position:absolute;right:0}#border{margin:auto;min-height:100%;top:0;transform:scale(.95);width:100dvw}.learn_btn{background:#f1dac4;border:2px solid #f1dac4;color:#0d0c1d;cursor:pointer;font-family:IBM Plex Mono,monospace;font-style:none;font-weight:600;opacity:1;padding:8px 26px;position:absolute;right:50px;text-decoration:none;top:50px;transform:translateY(0);transition:all .2s ease-in-out;z-index:3}.learn_btn.notLoaded{opacity:0;transform:translateY(20px)}.learn_btn:hover{background:#0000;color:#f1dac4}#tooltip{background:#f1dac4;border:2px solid #0d0c1d;border-radius:6px;font-family:IBM Plex Mono,monospace;font-size:12px;max-width:150px;opacity:0;padding:8px;position:absolute;transition:all .1s ease-in-out;z-index:3}.wrapper div{z-index:2}#landing_text_wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:150px;transition:all .1s ease-in-out;width:100%}.Title{color:#f1dac4;font-family:Inter,sans-serif;font-size:32px;font-weight:500;letter-spacing:5px;opacity:1;transform:translateY(0);transition:all .3s ease-in-out}.Title.notLoaded{opacity:0;transform:translateY(20px)}.Position{color:#a69cac;font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin-top:10px;opacity:1;transform:translateY(0);transition:all .3s ease-in-out}.Position.notLoaded{opacity:0;transform:translateY(20px)}.skills_wrapper{grid-row-gap:10px;color:#fff;display:grid;font-family:IBM Plex Mono,monospace;font-size:18px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:30px;place-items:center;transition:all .1s ease-in-out;width:600px}.skill{cursor:default;opacity:1;position:relative;transition:all .2s ease-in-out}.skill.notLoaded{opacity:0}.skills_wrapper>.skill:first-child{transition-delay:.1s}.skills_wrapper>.skill:nth-child(2){transition-delay:.2s}.skills_wrapper>.skill:nth-child(3){transition-delay:.3s}.skills_wrapper>.skill:nth-child(4){transition-delay:.4s}.skills_wrapper>.skill:nth-child(5){transition-delay:.5s}.skills_wrapper>.skill:nth-child(6){transition-delay:.6s}.skills_wrapper>.skill:nth-child(7){transition-delay:.7s}.skills_wrapper>.skill:nth-child(8){transition-delay:.8s}.skills_wrapper>.skill:nth-child(9){transition-delay:.9s}.skills_wrapper>.skill:nth-child(10){transition-delay:1s}.skill:after{background-color:#f1dac4;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom;transition:transform .3s ease;width:100%}.skill:hover:after{transform:scaleX(1)}.particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.figure_space{display:flex;height:auto;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.jupiter_picture{height:600px;opacity:1;overflow:hidden;transform:translateY(180px);transition:all .3s ease-in-out;width:600px;z-index:2}.jupiter_picture.notLoaded{bottom:-450px;opacity:0}.stack_circle{border:4px solid #f1dac4;border-radius:50%;bottom:-470px;height:750px;left:0;margin:0 auto;opacity:1;position:absolute;right:0;transition:all .3s ease-in-out;transition-delay:.3s;width:750px;z-index:2}.stack_circle.notLoaded{opacity:0}.stack_wrapper{background:#f1dac4;border-radius:50%;cursor:pointer;display:grid;height:80px;place-items:center;position:absolute;transition:all .2s ease-in-out;width:80px;z-index:3}.stack_wrapper_holder{background:#0d0c1d;border-radius:50%;height:80px;position:absolute;width:80px}.stack_wrapper:after{content:"";height:80px;left:0;position:absolute;top:0;width:80px;z-index:1}.stack_wrapper:hover img{transform:scale(1.15)}.stack_wrapper>img{transition:all .2s ease-in-out;width:40px}#cpp{width:60px}@media screen and (max-width:900px){#Position,.Title{transform:scale(.8)}.skills_wrapper>p{font-size:16px}.jupiter_picture{height:450px;transform:translateY(200px);width:450px}.stack_circle{bottom:-320px;bottom:-340px;height:600px;width:600px}.stack_wrapper,.stack_wrapper_holder{transform:scale(.9)!important}}@media screen and (max-width:760px){.wrapper:after{height:calc(100% - 50px)}.figure_space{min-height:600px}.jupiter_picture{height:250px;transform:translateY(150px);width:250px}#tooltip{font-size:12px}.stack_circle{bottom:0;height:350px;left:0;margin:auto;right:0;top:0;transform:translateY(-25px);width:350px}.stack_wrapper,.stack_wrapper_holder{transform:scale(.7)!important}}@media screen and (max-width:660px){.learn_btn{left:0;margin:auto;right:0;width:72px}.Title{font-size:22px;margin-top:20px}#landing_text_wrapper{padding-top:100px}.skills_wrapper{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));width:300px}}@media screen and (max-width:550px){.wrapper{min-height:calc(100vh - 20px);padding:10px}.wrapper:after{height:calc(100% - 18px);margin:5px auto;width:calc(100% - 30px)}.figure_space{min-height:400px}.learn_btn{font-size:14px;text-align:center;width:70px}.Title{font-size:24px;text-align:center}.Position{font-size:14px}.skills_wrapper{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));width:250px}.jupiter_picture{height:200px;transform:translateY(85px) translateX(-5px);width:200px}.stack_circle{height:240px;transform:translateY(-15px) translateX(-5px);width:240px}}.about-wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 100px);overflow:hidden;padding:50px;position:relative;width:auto}.about-wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 50px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 50px)}.about-particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.about-saturn_img{bottom:-50px;left:-250px;opacity:1;position:absolute;transform:rotate(20deg) scale(.7) translateY(0);transition:all .6s ease-in-out;z-index:2}.about-saturn_img.notLoaded{opacity:0;transform:translateY(100px)}.about-name{color:#f1dac4;font-family:IBM Plex Mono,monospace;text-align:center}.about-social_media_wrapper{display:flex;gap:10px;justify-content:center;margin:20px auto;opacity:1;transition:all .3s ease-in-out;width:250px;z-index:3}.about-social_media_wrapper.notLoaded{opacity:0}.about-social_media_wrapper img{border:2px solid #fff;border-radius:8px;cursor:pointer;height:40px;transition:all .3s ease-in-out;width:auto}.about-social_media_wrapper img:hover{transform:scale(.9)}.about-paragraph{color:#fff;font-family:IBM Plex Mono,monospace;margin:0 auto;max-width:800px;min-width:300px;opacity:1;text-align:center;transition:all .3s ease-in-out;width:80%;z-index:3}.about-paragraph.notLoaded{opacity:0}.about-certificates_wrapper{display:flex;flex-direction:column;gap:20px;margin:20px auto;max-width:400px;min-width:250px;width:80%;z-index:3}.about-certificates_title{color:#fff;font-family:Courier New,Courier,monospace;font-size:18px;opacity:1;text-align:center;transition:all .3s ease-in-out}.about-certificates_title.notLoaded{opacity:0}.about-certificate_wrapper{grid-gap:20px;align-items:center;background:#f1dac4;color:#0d0c1d;cursor:pointer;display:grid;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;grid-template-columns:60px 1fr;opacity:1;padding:12px 18px;place-content:start;position:relative;transform:translateY(0);transition:all .3s ease-in-out;width:calc(100% - 36px)}.about-certificate_wrapper img{height:40px;width:auto}.about-certificate_wrapper.notLoaded{opacity:0;transform:translateY(100px)}.about-certificate_wrapper:hover{transform:scale(1.05)}@media screen and (max-width:750px){.about-saturn_img{bottom:-100px;left:-350px}}@media screen and (max-width:500px){.about-wrapper{height:auto;min-height:calc(100vh - 50px);padding:25px}.about-name{font-size:24px;margin-top:20px}.about-social_media_wrapper img{height:30px}.about-paragraph{font-size:14px}.about-wrapper:after{height:calc(100% - 25px);margin:12px auto;width:calc(100% - 25px)}.about-saturn_img{bottom:-100px;left:-350px}.about-certificates_title{font-size:16px}.about-certificates_wrapper{grid-gap:10px}.about-certificate_wrapper{grid-gap:10px;font-size:16px;grid-template-columns:40px 1fr;padding:8px 12px;width:calc(100% - 24px)}.about-certificate_wrapper img{height:30px;width:auto}}.hungry_cat{bottom:0;height:120px;position:absolute;right:50px}.cpp-wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);display:grid;grid-template-columns:300px 1fr;height:auto;min-height:calc(100vh - 58px);overflow:hidden;padding:29px;position:relative;width:auto}.cpp-wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 58px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 58px)}.cpp-particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.cpp-introduction{color:#fff;font-family:IBM Plex Mono,monospace;padding:20px}.cpp-introduction span{border-bottom:2px solid #f1dac4;cursor:pointer;transition:all .2s ease-in-out}.cpp-introduction span:hover{color:#f1dac4}.cpp-program_wrapper{background:#100f1b;display:grid;grid-template-rows:auto 1fr;opacity:1;padding:10px;transition:all .3s ease-in-out;z-index:3}.cpp-program_wrapper.notLoaded{opacity:0}.cpp-copy_btn{background:#f1dac4;border:2px solid #0000;color:#fff;color:#100f1b;cursor:pointer;font-family:IBM Plex Mono,monospace;font-weight:700;margin:0 0 0 auto;opacity:1;padding:8px 18px;transition:all .3s ease-in-out}.cpp-copy_btn:hover{background:#100f1b;border-color:#f1dac4;color:#f1dac4}.cpp-copy_btn.notLoaded{opacity:0}.language-cpp{color:#fff;opacity:1;padding-top:0!important;transform:translateY(0);transition:all .3s ease-in-out}.language-cpp.notLoaded{opacity:0;transform:translateY(100px);transition:all .3s ease-in-out}.cpp-program_wrapper pre,.cpp-program_wrapper pre>code{background-color:initial!important}@media screen and (max-width:1100px){.cpp-wrapper{grid-template-columns:1fr}.language-cpp::-webkit-scrollbar{height:6px;width:6px}.language-cpp::-webkit-scrollbar-thumb,.language-cpp::-webkit-scrollbar-thumb:hover{background-color:#f1dac4}}@media screen and (max-width:760px){.cpp-wrapper{min-height:calc(100vh - 20px);padding:10px}.cpp-wrapper:after{height:calc(100% - 18px);margin:5px auto;width:calc(100% - 18px)}}.tired_2_cat{width:150px}.navbar-nav_bar{background:#100f1b;border-right:2px solid #f1dac4;display:flex;flex-direction:column;height:100%;opacity:1;transition:all .3s ease-in-out;width:100%;z-index:4}.navbar-nav_bar.notLoaded{opacity:0}.navbar-nav_bar_toggle{display:none;position:absolute}.navbar-nav_item{border-bottom:2px solid #f1dac4;color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700;padding:15px 8px;transition:all .2s ease-in-out}.active_navbar_item,.navbar-nav_item:hover{background:#f1dac4;color:#100f1b}.navbar-go_home:hover{background:#b4401d;color:#f1dac4}@media screen and (max-width:1100px){.navbar-nav_bar{border:2px solid #f1dac4;left:0;overflow-y:scroll;position:fixed;width:300px}.navbar-nav_bar::-webkit-scrollbar{height:3px;width:3px}.navbar-nav_bar::-webkit-scrollbar-thumb,.navbar-nav_bar::-webkit-scrollbar-thumb:hover{background-color:#f1dac4}.navbar-nav_bar.hidden{left:-300px}.navbar-nav_bar_toggle{background:#100f1b;border:2px solid #f1dac4;color:#f1dac4;cursor:pointer;display:inline;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:22px;left:300px;padding:8px;position:fixed;top:0;transition:all .3s ease-in-out;z-index:5}.navbar-nav_bar_toggle.hidden{left:0}}@media screen and (max-width:760px){.navbar-nav_bar{left:0;width:250px}.navbar-nav_bar.hidden{left:-250px}.navbar-nav_bar_toggle{left:250px}.navbar-nav_bar_toggle.hidden{left:0}}.notfound-wrapper{background:url(/static/media/bg.c8cc76658d67b7e768a1.webp);background-position:50%;background-size:cover;display:grid;font-family:IBM Plex Mono,monospace;height:calc(100dvh - 50px);padding:25px;place-content:center;width:calc(100dvw - 50px)}.notfound-text-wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 50px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 50px);z-index:-1}.notfound-text-wrapper{align-items:center;background:#100f1ba2;color:#f1dac4;display:flex;flex-direction:column;height:100dvh;justify-content:center;width:100dvw;z-index:3}.notfound-text-h1,.notfound-text-h3{margin-bottom:20px;max-width:700px;min-width:250px;opacity:1;text-align:center;transform:translateY(0);transition:all .3s ease-in-out;width:80%}.notfound-text-h1.notLoaded,.notfound-text-h3.notLoaded{opacity:0;transform:translateY(100px)}.notfound-text-button,.notfound-text-wrapper button{background:#f1dac4;border:2px solid #0000;color:#100f1b;cursor:pointer;font-family:IBM Plex Mono,monospace;font-weight:700;opacity:1;padding:8px 18px;transform:translateY(0);transition:all .3s ease-in-out}.notfound-text-button:hover{background:#100f1b;border-color:#f1dac4;color:#f1dac4}.notfound-text-button.notLoaded{opacity:0;transform:translateY(100px)}@media screen and (max-width:600px){.notfound-text-h1{font-size:26px}.notfound-text-h3{font-size:16px}}.d3-wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);display:grid;grid-template-columns:300px 1fr;height:auto;min-height:calc(100vh - 58px);overflow:hidden;padding:29px;position:relative;width:auto}.d3-wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 58px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 58px)}.d3-particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.d3-introduction{color:#fff;font-family:IBM Plex Mono,monospace;height:calc(100% - 50px);padding:25px;width:calc(100% - 50px)}.d3-certificate_wrapper{grid-gap:20px;align-items:center;background:#f1dac4;color:#0d0c1d;cursor:pointer;display:grid;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;grid-template-columns:60px 1fr;margin:0;opacity:1;padding:12px 18px;place-content:start;position:relative;transform:translateY(0);transition:all .3s ease-in-out;width:220px}.d3-certificate_wrapper img{height:40px;width:auto}.d3-certificate_wrapper:hover{transform:scale(1.05)}.d3-plot_wrapper{align-items:center;background:#100f1b;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:3}@media screen and (max-width:1100px){.d3-wrapper{grid-template-columns:1fr}}@media screen and (max-width:760px){.d3-wrapper{min-height:calc(100vh - 20px);padding:10px}.d3-wrapper:after{height:calc(100% - 18px);margin:5px auto;width:calc(100% - 18px);z-index:3}}#choropleth-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Arial;height:100%;justify-content:center;margin:25px 25px 0 auto;transition:all .2s ease-in-out;width:100%}#choropleth-description{font-size:16px;font-weight:400;margin:10px 0}.choropleth-visHolder{display:grid;margin-top:-40px;place-items:center;transition:all .2s ease-in-out}#choropleth-tooltip{align-items:center;background:#151515cc;border:1px solid #000;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-family:Arial;font-size:14px;justify-content:center;padding:10px;position:absolute;text-align:center}#choropleth-legend{display:flex}.choropleth-legend-item{display:flex;flex-direction:column;font-size:10px;text-align:right}.choropleth-legend-item span{margin-right:-10px;margin-top:5px}.choropleth-square-svg{height:20px;width:40px}@media screen and (max-width:1350px){#choropleth-wrapper{transform:translateX(-20px)}#choropleth-description,#choropleth-title{transform:scale(.9)}.choropleth-visHolder{transform:scale(.8)}}@media screen and (max-width:1200px){#choropleth-wrapper{transform:translateX(-70px)}.choropleth-visHolder{transform:scale(.7)}}@media screen and (max-width:1100px){#choropleth-wrapper{transform:translateX(0)}.choropleth-visHolder{transform:scale(.8)}}@media screen and (max-width:950px){#choropleth-wrapper{transform:translateX(-100px)}.choropleth-visHolder{transform:scale(.7)}}@media screen and (max-width:800px){#choropleth-description,#choropleth-title{transform:scale(.7)}#choropleth-wrapper{transform:translateX(-250px)}.choropleth-visHolder{transform:scale(.5) translateY(-250px)}}@media screen and (max-width:570px){#choropleth-title{font-size:24px;text-align:center;width:350px}#choropleth-description{font-size:18px;text-align:center;width:350px}#choropleth-wrapper{transform:translateX(-370px)}.choropleth-visHolder{transform:scale(.5) translateY(-100px) rotate(90deg)}}.tired_1_cat{height:100px;position:absolute;right:100px;z-index:4}#heatmap-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Arial;height:100dvh;justify-content:center;padding:0 10px;text-align:center;width:100%}#heatmap-title{margin-bottom:20px;text-align:center}#heatmap-title h1,#heatmap-title h3{font-family:Arial;font-weight:400;margin:0}.heatmap-visHolder{margin-bottom:30px;position:relative}#heatmap-tooltip{align-items:center;background:#151515cc;border:1px solid #000;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-family:Arial;font-size:14px;justify-content:center;padding:10px;position:absolute;text-align:center}@media screen and (max-width:1600px){#heatmap-wrapper{transform:translateX(-100px)}#heatmap-description,#heatmap-title{transform:scale(.9)}.heatmap-visHolder{transform:scale(.8)}}@media screen and (max-width:1350px){#heatmap-wrapper{transform:translateX(-150px)}#heatmap-description,#heatmap-title{transform:scale(.8)}.heatmap-visHolder{transform:scale(.7)}}@media screen and (max-width:1250px){#heatmap-wrapper{transform:translateX(-220px)}#heatmap-description,#heatmap-title{transform:scale(.8)}.heatmap-visHolder{transform:scale(.6)}}@media screen and (max-width:1100px){#heatmap-wrapper{transform:translateX(-170px)}#heatmap-description,#heatmap-title{transform:scale(.8)}.heatmap-visHolder{transform:scale(.7)}}@media screen and (max-width:900px){#heatmap-wrapper{min-height:1400px;transform:translateY(-330px)!important}#heatmap-description,#heatmap-title{transform:scale(.6) translateX(-650px)}#heatmap-wrapper{transform:translateX(0)}.heatmap-visHolder{margin-bottom:100px;transform:scale(1) rotate(90deg) translateX(400px) translateY(400px)}#heatmap-legend{transform:translateY(700px) translateX(-400px)}}@media screen and (max-width:500px){#heatmap-wrapper{min-height:1300px;transform:translateY(-330px)!important}#heatmap-title{font-size:20px}#heatmap-description,#heatmap-title{transform:translateX(-425px) translateY(100px);width:350px}#heatmap-description{font-size:16px}#heatmap-wrapper{transform:translateX(0)}.heatmap-visHolder{margin-bottom:100px;transform:scale(.8) rotate(90deg) translateX(500px) translateY(550px)}#heatmap-legend{transform:translateY(600px) translateX(-425px)}}#treemap-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Arial;height:100%;justify-content:center;margin:20px auto;text-align:center;width:100%}#treemap-title{margin-bottom:10px}#treemap-description{font-size:16px;margin-top:0}.treemap-visHolder{margin-top:30px;transition:all .2s ease-in-out}#treemap-tooltip{align-items:center;background:#151515cc;border:1px solid #000;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-family:Arial;font-size:14px;justify-content:center;padding:10px;position:absolute;text-align:center}#treemap-legend{display:grid;grid-template-columns:repeat(auto-fill,80px);margin-top:15px;transition:all .2s ease-in-out;width:400px}.treemap-legend-item{display:flex;margin:5px 0}.treemap-square-svg{height:20px;margin-right:5px;width:20px}@media screen and (max-width:1380px){#treemap-wrapper{align-items:start;justify-content:start}#treemap-description,#treemap-title{margin-left:25px;text-align:left}#treemap-legend{transform:translateX(50px) translateY(-50px)}.treemap-visHolder{transform:scale(.9) translateX(-30px) translateY(-30px)}}@media screen and (max-width:1300px){#treemap-legend{transform:translateX(50px) translateY(-100px)}.treemap-visHolder{transform:scale(.8) translateX(-100px) translateY(-60px)}}@media screen and (max-width:1200px){#treemap-legend{transform:translateX(30px) translateY(-150px)}.treemap-visHolder{transform:scale(.7) translateX(-180px) translateY(-100px)}}@media screen and (max-width:1100px){#treemap-legend{transform:translateX(25px) translateY(0)}.treemap-visHolder{transform:scale(.9) translateX(-30px)}}@media screen and (max-width:1000px){#treemap-legend{transform:translateX(25px) translateY(-130px)}.treemap-visHolder{transform:scale(.7) translateX(-180px) translateY(-100px)}}@media screen and (max-width:800px){#treemap-wrapper{min-height:1150px}#treemap-legend{transform:translateX(25px) translateY(400px)}.treemap-visHolder{transform:rotate(90deg) scale(.9) translateX(200px) translateY(280px)}}@media screen and (max-width:550px){#treemap-description,#treemap-title{margin-left:-10px;transform:scale(.8)}#treemap-wrapper{min-height:950px}#treemap-legend{transform:translateX(25px) translateY(220px)}.treemap-visHolder{transform:rotate(90deg) scale(.7) translateX(150px) translateY(430px)}}#scatterplot-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px 10px;width:auto}#scatterplot-title{text-align:center}#scatterplot-title h1,#scatterplot-title h3{font-family:Arial;font-weight:400;margin:0}.scatterplot-visHolder{position:relative}#scatterplot-tooltip{align-items:center;background:#a7aefc;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;font-family:Arial;font-size:12px;justify-content:center;padding:10px;position:absolute}@media screen and (max-width:1280px){#scatterplot-wrapper{align-items:start}#scatterplot-title h1,#scatterplot-title h3{margin-left:25px}.scatterplot-visHolder{transform:scale(.8) translateX(-100px)}}@media screen and (max-width:800px){#scatterplot-wrapper{align-items:start}#scatterplot-title h1,#scatterplot-title h3{transform:scale(.8)}.scatterplot-visHolder{transform:scale(.7) translateX(-200px) translateY(-100px)}}@media screen and (max-width:700px){#scatterplot-wrapper{align-items:start;justify-self:start;min-height:700px}#scatterplot-title h1,#scatterplot-title h3{transform:scale(.6) translateY(-100px) translateX(-170px)}.scatterplot-visHolder{transform:rotate(90deg) scale(.7) translateX(0) translateY(400px)}}#barchart-wrapper{align-items:start;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:start;margin-left:10px;padding:30px 10px;width:auto}#barchart-title{font-size:26px}#barchart-tooltip{align-items:center;background:#fff;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:20px;position:absolute}.barchart-visHolder{transition:all .2s ease-in-out}@media screen and (max-width:1280px){.barchart-visHolder{transform:scale(.8) translateX(-100px) translateY(-50px)}}@media screen and (max-width:1100px){.barchart-visHolder{transform:scale(.9) translateX(-50px) translateY(0)}}@media screen and (max-width:870px){.barchart-visHolder{transform:scale(.7) translateX(-200px) translateY(-50px)}}@media screen and (max-width:700px){#barchart-wrapper{min-height:800px}.barchart-visHolder{transform:rotate(90deg) scale(.8) translateX(180px) translateY(330px)}}@media screen and (max-width:500px){#barchart-wrapper{min-height:650px}.barchart-visHolder{transform:rotate(90deg) scale(.7) translateX(130px) translateY(450px)}}.Codepen-wrapper{align-items:center;background:#f1dac4;cursor:pointer;display:flex;height:30px;justify-content:space-around;margin:20px auto 0 20px;padding:8px;transition:all .3s ease-in-out;width:280px}.Codepen-wrapper:hover{transform:scale(.95)}.Codepen-wrapper img{border:2px solid #100f1b;height:20px;padding:4px;width:auto}.Codepen-wrapper p{color:#100f1b;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;margin-right:2px}@media screen and (max-width:450px){.Codepen-wrapper{height:25px;margin:10px auto 0 10px;width:250px}.Codepen-wrapper img{border:2px solid #100f1b;height:15px;padding:4px;width:auto}.Codepen-wrapper p{font-size:12px;font-weight:700}}.react-wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);display:grid;grid-template-columns:300px 1fr;height:auto;min-height:calc(100vh - 58px);overflow:hidden;padding:29px;position:relative;width:auto}.react-wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 58px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 58px)}.react-particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.react-project_wrapper{grid-row-gap:20px;background:#100f1b;display:grid;grid-template-rows:90px 1fr;opacity:1;transition:all .3s ease-in-out;z-index:3}.react-introduction{color:#fff;font-family:IBM Plex Mono,monospace;height:calc(100% - 50px);padding:25px;width:calc(100% - 50px)}.react-certificate_wrapper{grid-gap:20px;align-items:center;background:#f1dac4;color:#0d0c1d;cursor:pointer;display:grid;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;grid-template-columns:60px 1fr;margin:0;max-width:300px;min-width:220px;opacity:1;padding:12px 18px;place-content:start;position:relative;transform:translateY(0);transition:all .3s ease-in-out;width:auto}.react-certificate_wrapper img{height:40px;width:auto}.react-certificate_wrapper:hover{transform:scale(1.05)}@media screen and (max-width:1100px){.react-wrapper{grid-template-columns:1fr}}@media screen and (max-width:760px){.react-wrapper{min-height:calc(100vh - 20px);padding:10px}.react-wrapper:after{height:calc(100% - 18px);margin:5px auto;width:calc(100% - 18px)}}#react-calculator-wrapper{grid-gap:2px;align-self:start;background:#161b33;border:2px solid #f1dac4;display:grid;grid-template-areas:"display display display display" "clear clear divide multiply" "seven eight nine subtract" "four five six add" "one two three equals" "zero zero decimal equals";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);height:400px;justify-self:center;padding:5px;width:300px}#react-calculator-display{color:#fff;display:flex;flex-direction:column;font-family:digital;font-size:20px;grid-area:display;justify-content:space-around;text-align:right}#react-calculator-display>p{margin:0}#react-calculator-input{color:#f1dac4}#react-calculator-zero{grid-area:zero}#react-calculator-one{grid-area:one}#react-calculator-two{grid-area:two}#react-calculator-three{grid-area:three}#react-calculator-four{grid-area:four}#react-calculator-five{grid-area:five}#react-calculator-six{grid-area:six}#react-calculator-seven{grid-area:seven}#react-calculator-eight{grid-area:eight}#react-calculator-nine{grid-area:nine}#react-calculator-decimal{grid-area:decimal}#react-calculator-equals{background-color:#f1dac4;grid-area:equals}#react-calculator-clear{background-color:#f5253d;grid-area:clear}#react-calculator-add{background-color:#a69cac;grid-area:add}#react-calculator-multiply{background-color:#a69cac;grid-area:multiply}#react-calculator-divide{background-color:#a69cac;grid-area:divide}#react-calculator-subtract{background-color:#a69cac;grid-area:subtract}.react-calculator-button{background:#474973;border:none;color:#fff;font-size:16px;font-weight:600;padding:10px}.react-calculator-button:hover{border:2px solid #0d0c1d;color:#0d0c1d;cursor:pointer}@media screen and (max-width:450px){#react-calculator-wrapper{width:250px}}.react-drum-machine-body{align-self:start;background:#f1dac4;border:2px solid #f1dac4;display:flex;height:auto;justify-self:center;padding:20px;width:auto}#react-drum-machine-drum-pads-wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));width:320px}.react-drum-machine-drum-pad{background:#161b33;border:1px solid #000;color:#f1dac4;cursor:pointer;padding:10px;text-align:center;transition:background-color .3s,transform .3s}.react-drum-machine-drum-pad-clicked{background:#474973;scale:.95}#react-drum-machine-display{align-self:center;background:#161b33;border:1px solid #000;color:#fff;height:20px;justify-self:center;margin-left:10px;padding:10px 20px;text-align:center;width:100px}@media screen and (max-width:600px){.react-drum-machine-body{display:flex;flex-direction:column;gap:20px;padding:10px}}@media screen and (max-width:450px){#react-drum-machine-drum-pads-wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));width:250px}}.react-clock-wrapper{display:grid;height:100vh;place-items:center;width:100vw}.react-clock-title-wrapper{color:#fff;font-family:IBM Plex Mono,monospace;text-align:center}.react-clock-break-session-wrapper{column-gap:20px;display:flex;justify-content:center}.react-clock-break-wrapper,.react-clock-session-wrapper{color:#fff;display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;justify-self:center}#react-clock-break-label,#react-clock-session-label{margin-bottom:10px}.react-clock-break-counter-wrapper,.react-clock-session-counter-wrapper{align-items:center;display:flex;font-family:IBM Plex Mono,monospace;justify-content:space-between}.react-clock-break-session-wrapper button{background:#f1dac4;border:2px solid #0000;cursor:pointer;font-size:14px;padding:8px 18px;transition:all .2s ease-in-out}.react-clock-break-session-wrapper button:hover{background:#0000;border-color:#f1dac4;color:#f1dac4}.react-clock-clock-wrapper{align-items:center;background-color:#f1dac4;display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;margin:20px auto;padding:20px;width:200px}#react-clock-timer-label{margin-bottom:0;margin-top:10px}#react-clock-timer-left{margin:10px auto}.react-clock-clock-btns-wrapper{column-gap:10px;display:flex}.react-clock-clock-btns-wrapper button{background:#100f1b;border:2px solid #0000;color:#f1dac4;cursor:pointer;font-family:IBM Plex Mono,monospace;font-weight:700;padding:8px 16px;transition:all .2s ease-in-out}.react-clock-clock-btns-wrapper button:hover{background:#f1dac4;border-color:#100f1b;color:#100f1b}@media screen and (max-width:500px){.react-clock-break-session-wrapper,.react-clock-title-wrapper{transform:scale(.8)}.react-clock-break-session-wrapper button{font-size:18px}}.react-markdown-wrapper{grid-column-gap:10px;display:grid;font-family:IBM Plex Mono,monospace;grid-template-columns:4fr 6fr;padding:0 20px 20px;width:calc(100% - 40px)}#react-markdown-editor-header,#react-markdown-preview-header{background:#161b33;border-bottom:2px solid #f1dac4;color:#f1dac4;font-weight:700;padding:5px 10px}#react-markdown-textarea-wrapper{border:2px solid #f1dac4;display:grid;grid-template-rows:30px 1fr;min-height:300px;width:auto}.react-markdown-wrapper textarea{background:#ffeffe;border:1px solid #222;box-shadow:-4px 3px 10px 0 #000000bf;-webkit-box-shadow:-4px 3px 10px 0 #000000bf;-moz-box-shadow:-4px 3px 10px 0 #000000bf;min-height:200px;padding:20px;resize:vertical}#react-markdown-preview-wrapper{border:2px solid #f1dac4;display:grid;grid-template-rows:30px 1fr;min-height:300px;overflow-x:scroll;width:auto}#react-markdown-preview{background:#ffeffe;border:1px solid #222;box-shadow:-4px 3px 10px 0 #000000bf;-webkit-box-shadow:-4px 3px 10px 0 #000000bf;-moz-box-shadow:-4px 3px 10px 0 #000000bf;padding:10px 30px}#react-markdown-preview-wrapper::-webkit-scrollbar,.react-markdown-wrapper textarea::-webkit-scrollbal{height:6px;width:6px}#react-markdown-preview-wrapper::-webkit-scrollbar-thumb,#react-markdown-preview-wrapper::-webkit-scrollbar-thumb:hover,.react-markdown-wrapper textarea::-webkit-scrollbar-thumb,.react-markdown-wrapper textarea::-webkit-scrollbar-thumb:hover{background-color:#f1dac4}@media screen and (max-width:1200px){.react-markdown-wrapper{grid-row-gap:20px;grid-template-columns:1fr}}@media screen and (max-width:450px){.react-markdown-wrapper{padding:0 10px 10px;width:calc(100% - 20px)}}.facing_back_cat{bottom:50px;height:100px;position:absolute}#react-quote-machine-quote-box{grid-row-gap:10px;align-self:start;background:#f1dac4;color:#161b33;display:grid;font-family:IBM Plex Mono,monospace;grid-template-columns:1fr;grid-template-rows:4fr 1fr 1fr 1fr;height:auto;justify-self:center;margin:0 20px;max-width:500px;min-width:250px;padding:40px;text-align:center;width:auto}#react-quote-machine-text{font-size:18px;font-weight:500}#react-quote-machine-author{font-weight:400;text-align:right}#react-quote-machine-new-quote,#react-quote-machine-tweet-quote{background:#161b33;border:none;color:#fff;cursor:pointer;display:grid;font-family:IBM Plex Mono,monospace;font-size:12px;padding:10px;place-content:center}#react-quote-machine-tweet-quote{outline:none;text-decoration:none}@media screen and (max-width:700px){#react-quote-machine-quote-box{padding:15px}}@media screen and (max-width:450px){#react-quote-machine-quote-box{margin:0 auto;width:230px}}.party_1_cat{bottom:10%;height:150px;position:absolute;right:50%;transform:translateX(50%)}.website-projects_wrapper{background-image:linear-gradient(to right top,#0d0c1d,#100f1b,#121119,#141317,#151515);height:auto;min-height:calc(100vh - 58px);overflow:hidden;padding:29px;position:relative;width:auto;z-index:2}.website-projects_wrapper:after{border:4px solid #f1dac4;content:"";height:calc(100% - 58px);left:0;margin:25px auto;position:absolute;right:0;top:0;width:calc(100% - 58px);z-index:0}.website-projects-particles_background{height:100dvh;position:fixed;right:0;top:0;width:100dvw;z-index:1}.website-projects_introduction{color:#fff;font-family:IBM Plex Mono,monospace;opacity:1;padding:25px;position:relative;text-align:center;transition:all .3s ease-in-out;width:auto;z-index:3}.website-projects_introduction.notLoaded{opacity:0}.website-projects_grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));opacity:1;padding:20px;position:relative;transform:translateY(0);transition:all .3s ease-in-out;z-index:3}.website-projects_grid.notLoaded{opacity:0;transform:translateY(50px)}.website-projects_grid_item{background:#f1dac4;border:4px solid #f1dac4;cursor:pointer;padding:10px;transition:all .3s ease-in-out;width:auto}.website-projects_grid_item:hover{background:#100f1b;color:#f1dac4}.website-projects_grid_item_cover{width:100%}.website-projects_data{font-family:IBM Plex Mono,monospace;font-weight:bolder;padding:10px 5px}@media screen and (max-width:760px){.website-projects-wrapper{min-height:calc(100vh - 20px);padding:10px}.website-projects-wrapper:after{height:calc(100% - 18px);margin:5px auto;width:calc(100% - 18px)}}@media screen and (max-width:550px){.website-projects_grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));opacity:1;padding:20px;position:relative;transform:translateY(0);transition:all .3s ease-in-out;z-index:3}.website-projects_grid_item{border:2px solid #f1dac4;font-size:12px;padding:5px}}.party_2_cat{height:100px;left:50px;position:absolute;top:50px}*{margin:0;padding:0}.App{max-width:100dvw!important;overflow-x:hidden!important}
/*# sourceMappingURL=main.44c6a528.css.map*/