body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#body-frontpage{background-color:#000;font-family:Lato,sans-serif;font-style:normal;font-weight:300;height:100%;overflow-x:hidden;padding-bottom:200px;padding-top:20px;width:100%}.background-planets{display:none;height:100vh;left:0;top:0;width:100vw;z-index:0}.background-planets,.planetX{pointer-events:none;position:absolute}.planetX{background-blend-mode:difference;bottom:100px;height:auto;max-width:600px;opacity:.9;right:100px;z-index:-1}#display{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;bottom:850px;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300;margin-left:340px;margin-right:340px;margin-top:100px;overflow-wrap:break-word;position:relative;text-align:center}#planet{background-blend-mode:luminosity;background-color:#000;background-image:url(/static/media/planet2.c9ddb4697695254abba6.jpeg);background-position:0;background-repeat:no-repeat;height:auto;left:-5%;opacity:.7;position:absolute;text-align:left;top:270%;transform:scaleY(-1);z-index:-1}#planet6{left:5%;top:1600px}#planet6,#planet7{aspect-ratio:auto;background-blend-mode:luminosity;background-color:#000;background-repeat:no-repeat;height:auto;max-width:350px;position:absolute;transform:scaleY(-1);z-index:-1}#planet7{right:5%;top:3500px}.grid,p{background-image:linear-gradient(180deg,#000,#000);height:100vh;width:100%}h5{background:linear-gradient(90deg,red,orange);-webkit-background-clip:text;font-size:16px;margin-left:60px;margin-right:60px}.company,h5{-webkit-text-fill-color:#0000;font-family:Lato,sans-serif;font-style:normal;font-weight:300;overflow-wrap:break-word}.company{background:linear-gradient(90deg,#598dba,#7ab3e5,#96a8b8);-webkit-background-clip:text;font-size:30px}.intro{background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-weight:300;margin-left:40px;margin-top:25px;overflow-wrap:break-word;text-align:left;width:100%}.index-module_type__E-SaG.pos,.intro{-webkit-text-fill-color:#0000;font-family:Lato,sans-serif;font-size:45px;font-style:normal}.index-module_type__E-SaG.pos{background:linear-gradient(90deg,#21c1ff,#58d0ff,#c0edff);-webkit-background-clip:text;bottom:66px;font-weight:600;left:190px;position:relative}.pos{background-color:#000;width:100%}.me{aspect-ratio:1/1;border-radius:50%;height:250px;margin-left:110px;margin-top:110px;width:250px;z-index:10}#leetcode{-webkit-text-fill-color:#0000;justify:center;align-items:center;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;flex-direction:row;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300}#leetcode,.leetcode-pic{height:auto;margin-top:40px;text-align:center;width:500px}.leetcode-pic{display:inline-flex}.ltc{flex-direction:column;margin-top:100px;text-align:center;z-index:5}.bio{display:inline-block;margin-top:130px;width:100%;z-index:2}.image{background-image:url(/static/media/forest-black.2050407a9d44dee7bcd5.jpg);display:inline-flex;font-weight:500;height:430px;margin-top:-50px;padding-right:100px;width:100%}.copyright{font-family:Lato,sans-serif;font-style:normal;font-weight:300;margin-left:340px;margin-right:340px;margin-top:40px;overflow-wrap:break-word;padding-bottom:30px}.technology{align-items:center;bottom:25px;display:flex;justify-content:center;position:relative}.description{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;bottom:0;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300;margin-left:340px;margin-right:340px;margin-top:40px;overflow-wrap:break-word;position:relative;text-align:center}.display{display:inline;position:relative;top:800px}.description-4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300;margin-left:240px;margin-right:240px;overflow-wrap:break-word;padding-bottom:220px;position:relative;text-align:center;top:80px}.component-grouping{margin-top:-400px;z-index:5}.description-link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;display:flex;justify-content:center;overflow-wrap:wrap;position:relative;text-align:center;top:450px}.description-link,span{font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300}span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#daa520,#fff000);-webkit-background-clip:text;overflow-wrap:break-word}.grid-container{display:grid;grid-template-columns:50% 50%;margin-left:190px;margin-right:190px;margin-top:-70px;text-align:center}.grid-item{border:2px solid orange;border-radius:14px;flex-direction:column;height:auto;opacity:1;padding-bottom:30px;padding-left:150px;padding-right:150px;text-align:center;z-index:5}.grid-container-ds{margin-top:0;padding-left:120px;padding-right:120px}.grid-item-ds{border:2px solid orange;border-radius:14px;flex-direction:column;height:auto;opacity:1;padding-bottom:30px;padding-left:200px;padding-right:200px;text-align:center;z-index:5}.photo-project{height:200px;left:5px;margin-top:20px;position:relative;width:300px}.photo-project,.photo-project-1,video{display:inline;padding:20px;text-align:center}.photo-project-1,video{height:auto;width:350px}.description-ds-bottom{font-size:20px;padding-bottom:70px;text-align:center}.link-to-proj{display:flex;justify-content:center;margin-left:20px;padding:5px}#latest{background:linear-gradient(90deg,#a9a9a9,gray);padding:40px;text-align:center}a{background:linear-gradient(90deg,#a9a9a9,gray);-webkit-background-clip:text;padding-bottom:5px;text-decoration:none}a,a:hover{-webkit-text-fill-color:#0000;font-family:Lato,sans-serif;font-style:normal;font-weight:300}a:hover{background:linear-gradient(90deg,red,orange);-webkit-background-clip:text}.technology-links{bottom:400px;position:relative}.techstack{aspect-ratio:1/1;border-radius:14px;height:120px}.techstack-ts{aspect-ratio:1/1;height:156px;margin-right:-15px;padding-left:25px;width:145px}.techstack-1{aspect-ratio:1/1;height:200px}.techstack-psql{aspect-ratio:1.5/1;height:150px;position:relative;right:45px}.techstack-react{aspect-ratio:1.1/1;height:140px;position:relative;right:57px;top:5px}.techstack-html{aspect-ratio:.9/1;height:138px;position:relative;right:20px;top:8px}.techstack-tailwind{height:130px;left:-45px;position:relative;z-index:10}.techstack-css{aspect-ratio:1/1;height:125px;left:30px;position:relative;top:5px}#college{background:linear-gradient(90deg,#598dba,#7ab3e5,#96a8b8);-webkit-background-clip:text;font-size:30px}#college,#latest{-webkit-text-fill-color:#0000;font-family:Lato,sans-serif;font-style:normal;font-weight:300;overflow-wrap:break-word}#latest{background:linear-gradient(90deg,orange,#ff0);-webkit-background-clip:text;font-size:20px}.icon-links{position:relative;text-align:center;top:320px}.description-resume{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,orange,#ff0);-webkit-background-clip:text;font-size:28px;margin-top:-40px;overflow-wrap:break-word;text-align:center}.leetcode{text-align:center}.grid-item-1{margin-bottom:40px;padding-bottom:30px;z-index:5}.photo-project-2{aspect-ratio:auto;border-radius:8px;height:330px;margin-right:100px;padding-bottom:30px;width:auto;z-index:1}#desc{margin-left:0;margin-top:5px}.grid{display:flex;margin-left:120px;margin-right:120px}#separate{margin-left:70px;margin-right:70px}#separate,#separate-1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-size:30px}#separate-1{border:none;margin-left:50px;margin-right:50px}#separate-1:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,red,orange);-webkit-background-clip:text}.gallery{display:inline-flex;position:relative;top:300px}#description-2,.description-2{margin-left:40px;margin-right:40px;top:300px;z-index:50}#description-2,.description-2,.description-3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300;margin-top:40px;overflow-wrap:break-word;position:relative;text-align:center}.description-3{bottom:0;z-index:5}#grid{align-items:center;display:inline-flex;margin-left:210px;margin-top:170px}#grid,.visitors{text-align:center}.visitors{bottom:30px;position:relative}.green{background:linear-gradient(90deg,teal,lime,#ff0);-webkit-background-clip:text}.description-ds,.green{-webkit-text-fill-color:#0000;font-size:30px}.description-ds{background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);font-weight:300;margin-left:340px;margin-right:340px;overflow-wrap:break-word;padding-bottom:30px;position:relative;text-align:center;top:0}#visitor-counter{background:linear-gradient(90deg,red,orange);-webkit-background-clip:text;padding:30px;position:relative;top:400px}#visitor-counter,.copyright{-webkit-text-fill-color:#0000}.copyright{background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-family:Lato,san-serif;font-size:15px;margin-left:100px;margin-right:100px;margin-top:415px;text-align:center}#main-github{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a9a9a9,gray);-webkit-background-clip:text;font-weight:300;justify-content:center;left:169px;margin-top:-70px;padding-bottom:30px;position:relative;text-align:center;text-decoration:none;top:80px}#main-github,.history{font-family:Lato,sans-serif;font-style:normal}.history{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff0,#daa520);-webkit-background-clip:text;justify-content:right;text-align:right}.history,.history-left{font-size:20px;margin-top:8px;width:75%}.history-left{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#daa520,#ff0);-webkit-background-clip:text;font-family:Lato,sans-serif;font-style:normal;justify-content:left;text-align:left}.history-left:hover,.history:hover{font-style:italic}.test-right{text-align:left}.test,.test-right{color:#fff;width:60%}.test{text-align:right}.timeline{margin-top:-50px}.spacing-timeline{padding:20px}.spacing-timeline-beginning{margin-bottom:50px;margin-top:-100px}.job-avatar{height:30px;width:30px}.job-avatar:hover{height:50px;width:50px}.description-timeline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,purple,#40e0d0);-webkit-background-clip:text;font-size:30px;padding-bottom:200px;padding-top:40px;text-align:center;width:100%}#pre-tech,.description-timeline{font-family:Lato,sans-serif;font-style:normal;font-weight:300;overflow-wrap:break-word}#pre-tech{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a9a9a9,gray);-webkit-background-clip:text;font-size:20px;padding-bottom:6px}#home-link{margin-top:50px}.description-link-home{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;bottom:-370px;color:#fff;font-family:Lato,sans-serif;font-size:20px;left:48%;position:relative}@media only screen and (min-device-width:320px) and (max-device-width:950px){#body-frontpage{background-color:#000;font-family:Lato,sans-serif;font-size:18px;font-style:normal;font-weight:300;height:100%;padding-bottom:130px;padding-top:20px;text-align:center;width:100%}.me{border-radius:50%;height:80px;margin-left:0;margin-top:30px;width:80px}.intro{font-weight:400;margin-left:15px;margin-top:10px}.description-4,.description-ds,.intro{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;overflow-wrap:break-word}.description-4,.description-ds{font-size:18px;margin-left:40px;margin-right:40px;padding-bottom:40px;padding-top:0;position:relative;text-align:center;top:45px}.bio{display:inline;margin-top:20px;width:100%}#display{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-size:18px;margin:80px 20px -50px;overflow-wrap:break-word;position:relative;text-align:center}.description,.description-3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-size:18px;margin-left:30px;margin-right:30px;margin-top:20px;text-align:center}.description{position:relative;top:60px}#gallery{position:relative;right:190px;top:750px}.company{background:linear-gradient(90deg,orange,#daa520);-webkit-background-clip:text;overflow-wrap:break-word}.company,span{-webkit-text-fill-color:#0000;font-size:18px}span{background:linear-gradient(90deg,red,orange,#ff0);-webkit-background-clip:text}#college{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#007ba7,#40e0d0);-webkit-background-clip:text;font-size:18px;overflow-wrap:break-word}.grid-container{display:grid;grid-template-columns:100%;margin:30px;text-align:center}.grid-item{border:2px solid orange;border-radius:14px;opacity:1;padding-left:15px;padding-right:15px;text-align:center}.photo-project{height:300px;left:5px;margin-top:10px;position:relative;width:250px}.photo-project-1{width:280px}.link-to-proj{display:flex;justify-content:center;margin-left:20px}.technology{display:flex;flex-wrap:wrap;margin-left:75px;position:relative;top:20px}.techstack{aspect-ratio:1/1;border-radius:14px;height:80px;margin-left:-45px}.techstack-1{aspect-ratio:1/1;height:120px;z-index:6}.techstack-ts{border-radius:10px;height:100px;margin-right:-15px;padding-left:25px;width:120px;z-index:13}.techstack-psql{aspect-ratio:1.5/1;height:100px;position:relative;right:85px}.techstack-react{aspect-ratio:1.1/1;height:95px;position:relative;right:105px;top:3px;z-index:11}.techstack-html{aspect-ratio:.9/1;height:100px;position:relative;right:105px;top:10px}.techstack-css{aspect-ratio:1/1;height:85px;left:-70px;position:relative;top:15px}.techstack-tailwind{bottom:95px;height:75px;left:160px;position:relative;z-index:10}#leetcode{aspect-ratio:auto;height:auto;width:300px}#leetcode,.grid-item-1,.photo-project-2{text-align:center}.photo-project-2{aspect-ratio:auto;border-radius:8px;height:150px;width:auto}#desc{margin-left:-32px;margin-top:5px}.grid{display:flex;margin-left:200px;margin-right:200px}#grid{display:block;margin-left:100px;margin-top:170px}.ltc{margin-top:0;text-align:center}#separate{display:inline-flex;font-size:18px;margin-left:55px;margin-right:-30px}#separate:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,red,orange);-webkit-background-clip:text}.technology-links{margin-bottom:-20px;margin-left:-95px;margin-top:0;text-align:center}.description-link{padding-top:36px}#description-2,.description-link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-size:18px}#description-2{font-weight:300;margin-left:0;margin-right:0;margin-top:20px;position:relative;text-align:center;top:500px}.gallery{display:none;text-align:center}.green{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,teal,lime,#ff0);-webkit-background-clip:text;font-size:18px}.copyright{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font:Verdana;font-size:10px;margin-left:50px;margin-right:50px;margin-top:15px;padding-bottom:80px;padding-top:10px;text-align:center}#main-github{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a9a9a9,gray);-webkit-background-clip:text;font-family:Lato,sans-serif;font-size:12px;font-style:normal;font-weight:300;left:150px;padding-bottom:40px;padding-top:0;position:relative;text-align:center;text-decoration:none;top:80px}.description-4{margin-top:40px;padding-left:15px;padding-right:15px}.leetcode-pic{width:370px}.icon-links{display:block;padding-top:200px}#icons{aspect-ratio:1/1;height:auto;width:68px}.history{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff0,#daa520);-webkit-background-clip:text;justify-content:right;text-align:right}.history,.history-left{font-family:Lato,sans-serif;font-size:14px;font-style:normal;margin-top:8px;width:75%}.history-left{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#daa520,#ff0);-webkit-background-clip:text;justify-content:left;text-align:left}.history-left:hover,.history:hover{font-style:italic}.test-right{text-align:left}.test,.test-right{color:#fff;font-size:11px;width:60%}.test{text-align:right}.timeline{margin-top:-50px}.spacing-timeline{padding:20px}.spacing-timeline-beginning{margin-bottom:50px;margin-top:-100px}.job-avatar{height:30px;width:30px}.job-avatar:hover{height:50px;width:50px}.description-timeline{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,smoke,#fff);-webkit-background-clip:text;font-size:22px;padding-bottom:200px;padding-top:40px;text-align:center;width:100%}#pre-tech,.description-timeline{font-family:Lato,sans-serif;font-style:normal;font-weight:300;overflow-wrap:break-word}#pre-tech{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a9a9a9,gray);-webkit-background-clip:text;font-size:15px;margin-left:40px;text-align:left}}body{background-image:url(/static/media/minimalist-anime.4b35521015aa02d5880d.jpg);background-position:100%;height:100%;margin:0;padding:0}.description-ds{padding-top:70px}.description-ds,.description-ds-projects{background:linear-gradient(90deg,#ff0,#daa520);-webkit-background-clip:text;font-family:Lato,sans-serif;font-style:normal;font-weight:400}.description-ds-projects{padding-top:20px;text-align:center}.ds-portfolio{background:linear-gradient(90deg,gray,#d3d3d3,smoke);-webkit-background-clip:text;font-family:Lato,sans-serif;font-style:normal;font-weight:400;padding-top:50px}.grid-container-ds{display:grid;grid-template-columns:50% 50%;margin-bottom:30px;margin-left:90px;margin-right:90px;text-align:center}#icons,.icons{aspect-ratio:1/1;display:inline-flex;height:80px;margin-left:24px;margin-top:10px;z-index:300}@media only screen and (min-device-width:320px) and (max-device-width:950px){.description-link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;display:block;font-family:Lato,sans-serif;font-size:30px;font-style:normal;font-weight:300;justify-content:center;overflow-wrap:wrap;position:relative;text-align:center;top:400px}.image{background-image:url(/static/media/forest-black.2050407a9d44dee7bcd5.jpg);display:inline-flex;font-weight:500;height:210px;margin-top:-50px;width:100%}.me{border-radius:50%;height:95px;margin-left:16px;margin-top:70px;width:95px}.intro{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;font-size:18px;font-weight:400;margin-left:20px;overflow-wrap:break-word;width:100%}.index-module_type__E-SaG.pos{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0077b6,#90e0ef,#caf0f8);-webkit-background-clip:text;bottom:26px;font-size:20px;left:45px;position:relative}.bio{display:inline;margin-top:70px;width:100%;z-index:2}.description-link-home{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d3d3d3,gray,#a9a9a9);-webkit-background-clip:text;bottom:-370px;color:#fff;font-family:Lato,sans-serif;font-size:20px;left:180px;position:relative}#separate,#separate-1{font-size:20px;text-align:center}.description-4{margin-top:10px}.history,.history-left,.history-right,.spacing-timeline,.test{font-size:10px;text-align:center}.grid-container-ds{display:inline;grid-template-columns:100%;margin:0;text-align:center;width:100%}.grid-item-ds{border:2px solid orange;border-radius:14px;height:370px;margin-left:10px;margin-right:10px;opacity:1;padding-left:7px;padding-right:7px;width:408px}.tab-intro-wallpaper{background-image:url(/static/media/minimalist-anime.4b35521015aa02d5880d.jpg);background-position:100%;background-repeat:no-repeat;height:100%;margin:0;padding:0;text-align:center;width:100%}.photo-project,.photo-project-1{display:inline;height:auto;text-align:center;width:180px}.description-ds-bottom{font-size:18px;margin-bottom:30px;padding-top:30px;text-align:center}#visitor-counter{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,red,orange,#ff0);-webkit-background-clip:text;font-family:Lato,sans-serif;font-size:15px;font-style:normal;font-weight:300;padding-top:300px;text-align:center;z-index:200}#visitor-counter,.copyright{position:relative;top:100px}}
/*# sourceMappingURL=main.7f86d911.css.map*/