:root{font-size:16px}body{background-color:#343a40;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-thumb{background:#ffe62d}body::-webkit-scrollbar-track{background:#343a40}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:#343a40!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.NavBar{height:4rem;background:#343a40;position:fixed;width:100vw;font-weight:700;color:#fff;font-size:1.1rem;z-index:1}.NavBar,.NavBarSub1{display:flex;flex-direction:row;list-style:none;padding:0}.NavBarSub1{margin-left:5%;width:20%;align-items:center}.NavBarSub3{width:25%}.NavBarSub2{width:45%;display:flex;flex-direction:row;list-style:none;padding:0;align-items:center;margin-right:5%}.NavBarBtn{text-align:center;text-decoration:none;width:100%;color:#fff}.NavBarBtn:hover,.Pikacent{color:#ffe62d}.Pikacent{font-size:1.5rem}.NavBarLogoGrp{text-align:center;text-decoration:none;width:100%}.logo{margin-top:.2rem;margin-left:2%;margin-right:8%}.logo:hover{color:#ffe62d}.link{text-decoration:none;color:#fff}@media screen and (max-width:1200px){.NavBar{font-size:1rem}.NavBarSub1{width:32%}.NavBarSub2{width:53%}.NavBarSub3{width:5%;display:none}}@media screen and (max-width:700px){.NavBar{font-size:.9rem}.NavBarSub1{width:0;display:none}.NavBarSub2{width:100%;margin:0 5%}.NavBarSub3{width:0;display:none}}.home{width:80%;margin:auto;padding-top:30vh}.greet{font-size:5rem;color:#fff;font-weight:700}.briefIntro{margin-top:1rem;color:#d8d8d8;font-size:2rem;font-weight:600}.contactLink{text-decoration:none}.contactBtn{color:#ffe62d;margin-top:3rem;width:15rem;border-radius:.2rem;background-color:transparent;font-size:1.6rem;font-weight:600;padding:1rem 1.5rem;border:2px solid #ffe62d}.buttonEffect{background-image:linear-gradient(100deg,#ffe62d 50%,transparent 0);background-size:600px;background-repeat:no-repeat;background-position:100%}.buttonEffect,.buttonEffect:hover{transition:background .3s ease-in-out}.buttonEffect:hover{background-position:0;color:#343a40}@media screen and (max-width:1024px){.greet{font-size:4rem}.briefIntro{font-size:2rem}.contactBtn{margin-top:2rem;width:13rem;font-size:1.3rem}}@media screen and (max-width:650px){.greet{font-size:2.6rem}.briefIntro{font-size:1.4rem}.contactBtn{margin-top:1.5rem;width:11rem;font-size:1rem}}.about{padding-top:10vh}.aboutMe{width:55%;margin:auto}.aboutTitle{text-align:center;color:#fff;font-size:4.5rem;font-weight:600}.aboutMeContent{color:#fff;font-size:1.5rem}.resumeBtn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.3rem;background-color:transparent;border:2px solid #ffe62d;color:#ffe62d;font-size:1.4rem;font-weight:600;padding:1rem 1.5rem;margin:2rem auto auto}.aboutMeBtn{display:flex;align-items:center;flex-direction:column}.resumeLink{text-decoration:none;color:#000}.education,.work{width:50%;margin:auto auto 5rem}.eduTitle,.workTitle{text-align:center;color:#fff;font-size:4.5rem;font-weight:600;margin-top:5rem;margin-bottom:2rem}.timeline{display:grid;grid-template-columns:3px 1fr;color:#fff}.timeline__component{margin:0 1rem 1rem;background:hsla(0,0%,100%,.2);box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:10px;padding:1.5rem 1.5rem 1rem}.timeline__component--bottom{margin-bottom:0}.timeline__middle{position:relative;background:#ffe62d}.timeline__point{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1rem;height:1rem;background:#ffe62d;border-radius:50%}.timeline__point--bottom{top:auto;bottom:0}.timeline__title{margin:0;font-size:1.2rem;font-weight:700}.timeline__paragraph{line-height:1.5}@media screen and (max-width:1200px){.aboutMe,.education,.work{width:70%;margin:auto}.aboutTitle,.eduTitle,.workTitle{font-size:3.2rem}.aboutMeContent{font-size:1.3rem}.resumeBtn{font-size:1.1rem}}@media screen and (max-width:700px){.aboutMe,.education,.work{width:80%;margin:auto}.aboutTitle,.eduTitle,.workTitle{font-size:2.8rem}.aboutMeContent{font-size:1.1rem}.resumeBtn{font-size:1rem}}.skills{padding-top:10vh;color:#fff;padding-bottom:10vh}.skillsTitle{text-align:center;color:#fff;font-size:4.5rem;font-weight:600;margin-bottom:3rem}.skillsList{width:60%;margin:auto;display:flex;flex-wrap:wrap}.skillsGroup{width:46%;display:flex;flex-direction:column;align-items:center;margin:2% 2% 3rem}.skillsGroupTitle{font-size:2rem}.skillsGroupList{list-style:none;font-size:1.1rem;margin-top:1rem;width:60%}.bar1{margin-top:.5rem;margin-bottom:.5rem;width:100%;background-color:#5b5b5b}.bar1,.bar2{height:.3rem}.bar2{background:#ffe62d}.raBar2,.tsBar2{width:85%;-webkit-animation:slide85 1s ease-in-out;animation:slide85 1s ease-in-out}.htmlBar2{width:80%;-webkit-animation:slide80 1s ease-in-out;animation:slide80 1s ease-in-out}.cppBar2,.expBar2,.jsBar2{width:70%;-webkit-animation:slide70 1s ease-in-out;animation:slide70 1s ease-in-out}.cBar2,.cssBar2{width:60%;-webkit-animation:slide60 1s ease-in-out;animation:slide60 1s ease-in-out}.mdbBar2,.nodeBar2,.pyBar2,.vBar2{width:50%;-webkit-animation:slide50 1s ease-in-out;animation:slide50 1s ease-in-out}@-webkit-keyframes slide40{0%{width:0}to{width:40%}}@keyframes slide40{0%{width:0}to{width:40%}}@-webkit-keyframes slide50{0%{width:0}to{width:50%}}@keyframes slide50{0%{width:0}to{width:50%}}@-webkit-keyframes slide60{0%{width:0}to{width:60%}}@keyframes slide60{0%{width:0}to{width:60%}}@-webkit-keyframes slide70{0%{width:0}to{width:70%}}@keyframes slide70{0%{width:0}to{width:70%}}@-webkit-keyframes slide80{0%{width:0}to{width:80%}}@keyframes slide80{0%{width:0}to{width:80%}}@-webkit-keyframes slide85{0%{width:0}to{width:85%}}@keyframes slide85{0%{width:0}to{width:85%}}@media screen and (max-width:1200px){.skillsGroup{width:96%}.skillsList{width:90%}.skillsGroupList{width:80%;font-size:1rem}.skillsGroupTitle{font-size:1.6rem}.skillsTitle{font-size:3.2rem}}@media screen and (max-width:700px){.skillsTitle{font-size:2.8rem}}.projects{padding-top:10vh;color:#fff;padding-bottom:10vh}.projectsTitle{text-align:center;color:#fff;font-size:4.5rem;font-weight:600;margin-bottom:3rem}.projectsList{width:70%;margin:auto;display:flex;flex-wrap:wrap}.project{margin:1.66%;width:30%}.projectImg{border-radius:.2rem;width:100%;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;height:100%}.project:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:1200px){.project{margin:2.5%;width:45%}.projectsTitle{font-size:3.2rem}}@media screen and (max-width:700px){.projectsList{width:80%}.project{margin:5%;width:90%}.projectsTitle{font-size:2.8rem}}.contact{padding-top:20vh;color:#fff;padding-bottom:10vh;text-align:left;width:55%;margin:auto}.contactTitle{color:#fff;font-size:4.5rem;font-weight:600;margin-bottom:3rem}.contactContent{font-size:1.3rem;font-weight:600;text-decoration:none;margin-bottom:5rem}.contactDes{margin-bottom:4rem;font-size:1.5rem}.contactEmail{margin-bottom:1rem}.contactLogo{margin-right:2rem}.contactlink:hover,.contactLogo:hover{color:#ffe62d}@media screen and (max-width:1200px){.contact{width:65%}.contactTitle{font-size:3.2rem}.contactContent{font-size:1.15rem}.contactDes{margin-bottom:4rem;font-size:1.3rem}}@media screen and (max-width:700px){.contact{width:75%}.contactTitle{font-size:2.8rem}.contactContent{font-size:1rem}.contactDes{margin-bottom:4rem;font-size:1.2rem}}
/*# sourceMappingURL=main.ced5a7a1.chunk.css.map */