.navbar{position:fixed!important;width:100%;z-index:1020}.theme--light .navbar{background-color:#fff}.theme--dark .navbar{background-color:#252525}.navbar .logo{margin:1.5em 2em 1em 1.5em;width:12em;cursor:pointer}.navbar .nav-item{margin:1vw 1vw 1vw 0;padding:1em 1em .5em;cursor:pointer}.theme--light .navbar .nav-item{color:#000}.theme--dark .navbar .nav-item{color:#fff}.theme--dark .navbar .nav-item.active,.theme--dark .navbar .nav-item:hover,.theme--light .navbar .nav-item.active,.theme--light .navbar .nav-item:hover{color:#1890ff;border-bottom:2px solid #1890ff}.navbar a.exlink{padding-bottom:.5em;margin-right:2vw;font-size:2em}.theme--light .navbar a.exlink{color:#000}.theme--dark .navbar a.exlink{color:#fff}.theme--dark .navbar a.exlink:hover,.theme--light .navbar a.exlink:hover{color:#1890ff}.navbar .hamburger{height:1.8em}.navbar .ml-auto{margin-right:5em}@media only screen and (max-width:321px){.navbar .logo{margin:1.5em 2em 1em .5em}.navbar .ml-auto{margin-right:0}}@media only screen and (min-width:321px) and (max-width:768px){.navbar .ml-auto{margin-right:0}}@media only screen and (min-width:768px) and (max-width:1000px){.navbar .ml-auto{margin-right:0}}.landing-container{height:100vh;text-align:center;-webkit-animation:AnimationName 7s ease infinite;animation:AnimationName 7s ease infinite}.theme--dark .landing-container,.theme--light .landing-container{background:linear-gradient(131deg,#fc00ff,#00dbde)}.landing-container .continue-link{cursor:default}.landing-box{border:2px solid #000;position:absolute;justify-content:center;left:2vw;right:2vw;top:2vw;bottom:2vw}@-webkit-keyframes sunny{to{stroke-dashoffset:0}}@keyframes sunny{to{stroke-dashoffset:0}}.handwriting-effect{width:80vw;padding:5vw 1vw 2vw}#S-Path{stroke-dasharray:1200;stroke-dashoffset:1200;-webkit-animation:sunny 1.5s linear forwards;animation:sunny 1.5s linear forwards}#U-Path{-webkit-animation:sunny .6s linear 1.8s forwards;animation:sunny .6s linear 1.8s forwards}#U-Path,#UN-Path{stroke-dasharray:500;stroke-dashoffset:500}#UN-Path{-webkit-animation:sunny .6s linear 2.1s forwards;animation:sunny .6s linear 2.1s forwards}#N1-Path{-webkit-animation:sunny .6s linear 2.4s forwards;animation:sunny .6s linear 2.4s forwards}#N1-Path,#N2-Path{stroke-dasharray:500;stroke-dashoffset:500}#N2-Path{-webkit-animation:sunny .6s linear 3s forwards;animation:sunny .6s linear 3s forwards}#Y1-Path{-webkit-animation:sunny .6s linear 3.5s forwards;animation:sunny .6s linear 3.5s forwards}#Y1-Path,#Y2-Path{stroke-dasharray:500;stroke-dashoffset:500}#Y2-Path{-webkit-animation:sunny .6s linear 3.8s forwards;animation:sunny .6s linear 3.8s forwards}#F1-Path{stroke-dasharray:500;stroke-dashoffset:500;-webkit-animation:sunny .6s linear 4.5s forwards;animation:sunny .6s linear 4.5s forwards}#F2-Path{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:sunny .8s linear 4.8s forwards;animation:sunny .8s linear 4.8s forwards}#E-Path{stroke-dasharray:1500;stroke-dashoffset:1500;-webkit-animation:sunny 1.5s linear 5.3s forwards;animation:sunny 1.5s linear 5.3s forwards}#N3-Path{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:sunny .5s linear 5.8s forwards;animation:sunny .5s linear 5.8s forwards}#G1-Path{-webkit-animation:sunny .5s linear 6.1s forwards;animation:sunny .5s linear 6.1s forwards}#G1-Path,#G2-Path{stroke-dasharray:500;stroke-dashoffset:500}#G2-Path{-webkit-animation:sunny .3s linear 6.4s forwards;animation:sunny .3s linear 6.4s forwards}.continue-button{width:20em;-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 7s both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 7s both}.continue-button:hover{cursor:url(/static/media/doIt.7382c5e4.png),auto}@media only screen and (max-width:768px){.continue-button{width:10em}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes AnimationName{0%{background-position:0 72%}50%{background-position:100% 29%}to{background-position:0 72%}}@keyframes AnimationName{0%{background-position:0 72%}50%{background-position:100% 29%}to{background-position:0 72%}}.home-container{padding-top:6em}.home-container img{height:25em;border-radius:50%;padding:1em}@media only screen and (max-width:768px){.home-container img{height:20em;margin:-2em 0 -5em;padding:0}}.projects-container{padding-top:7em;text-align:center}.project-grid{max-width:80em;margin:0 auto 3em;text-align:center}.project-grid a{width:-webkit-min-content;width:-moz-min-content;width:min-content}@media only screen and (max-width:768px){.project-grid{max-width:20em}}@media only screen and (min-width:570px) and (max-width:900px){.project-grid{max-width:40em}}@media only screen and (min-width:900px) and (max-width:1180px){.project-grid{max-width:60em}}.project-card{height:20em;width:20em;max-width:100%!important;opacity:.8}.project-card:hover{opacity:1;transform:scale(1.05);border-radius:8px;z-index:1}#personal-website-card{background-image:url(/static/media/personal-website-card.971be5fe.jpg);background-size:cover}#timeline-card{background-image:url(/static/media/timeline-card.b22c5d33.jpg);background-size:cover}#kafe-krayon-card{background-image:url(/static/media/kafe-krayon-card.9ddf885e.jpg);background-size:cover}#upskill-card{background-image:url(/static/media/upskill-card.c8fb90ea.jpg);background-size:cover}#tetris-card{background-image:url(/static/media/tetris-card.7337b398.jpg);background-size:cover}#learnfromakiwi-card{background-image:url(/static/media/learnfromakiwi-card.a49e4a90.jpg);background-size:cover}#money-busters-card{background-image:url(/static/media/money-busters-card.1010589b.jpg);background-size:cover}#scammr-card{background-image:url(/static/media/scammr-card.656f6f04.jpg);background-size:cover}#task-manager-card{background-image:url(/static/media/task-manager-card.ccc704dd.jpg);background-size:cover}#eventigate-card{background-image:url(/static/media/eventigate-card.b0ef016c.jpg);background-size:cover}#moving-shapes-card{background-image:url(/static/media/moving-shapes-card.36c24f43.jpg);background-size:cover}.project-container{padding-top:0;min-height:100%!important;text-align:center}.theme--light .project-container{background-color:#f0f8ff}.theme--dark .project-container{background-color:#252525}.project-container .ant-col-xs-24{text-align:center}.project-jumbotron{background-image:linear-gradient(120deg,#84fab0,#8fd3f4);position:relative;overflow:hidden;height:auto}.project-jumbotron video{left:0;top:0;position:absolute;margin-top:-5em;width:100%}.project-jumbotron .banner{background:#fff;min-height:25em;opacity:.7}.project-jumbotron .banner h1{color:#000;font-size:5em;margin-bottom:0;padding-top:1.2em;padding-bottom:.5em}.project-jumbotron p{font-size:1.5em;font-style:italic;margin-bottom:.5em}.project-jumbotron a{font-size:3em;padding:.5em}.text-container{width:80%;margin:auto;text-align:left}.text-container h2{font-size:1.5em;font-weight:700;padding-top:1em;margin-bottom:.5em;-webkit-animation:None;animation:None}.theme--light .text-container h2{color:#000}.theme--dark .text-container h2{color:#74c1ff}.techstack-wrapper{padding:1em 2em;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block!important}.techstack-wrapper .svg-inline--fa{font-size:4em!important;margin:0 .5em .1em}.techstack-wrapper .fa-react{color:#61dbfb}.techstack-wrapper .fa-js-square{color:#f0d91d}.techstack-wrapper .fa-html5{color:#ea6228}.techstack-wrapper .fa-css3-alt{color:#2da4d6}.techstack-wrapper .fa-sass{color:#c76495}.techstack-wrapper .fa-bootstrap{color:#5d3e88}.techstack-wrapper .fa-git-alt{color:#e94e32}.theme--light .techstack-wrapper .fa-github{color:#1a1e22}.theme--dark .techstack-wrapper .fa-github{color:#fff}.techstack-wrapper .fa-trello{color:#cecfcf}.techstack-wrapper .fa-adobe{color:red}.techstack-wrapper .fa-node-js{color:#88c349}.techstack-wrapper .fa-android{color:#32de84}.techstack-wrapper .fa-java{color:#517e9d}.demo-slide{width:90%;margin:1em auto 0}.desc-wrapper{width:90%;margin:1em auto}.desc-wrapper p{margin:0 auto 1em;font-size:1.2em}.theme--light .desc-wrapper p{color:#000}.theme--dark .desc-wrapper p{color:#fff}.contributions-wrapper,.lessons-wrapper{max-width:100%!important}.contributions-wrapper li,.lessons-wrapper li{padding-left:1em;text-align:left}.theme--light .contributions-wrapper li,.theme--light .lessons-wrapper li{color:#000}.theme--dark .contributions-wrapper li,.theme--dark .lessons-wrapper li{color:#fff}.mockup{align-items:flex-start}.mockup img{max-width:90%;object-fit:contain;margin:1em auto 0}.back-btn{padding:2em 0 3em}.back-btn a{font-size:2em}@media only screen and (min-width:768px) and (max-width:1024px){.project-container a{font-size:1em}.project-jumbotron video{margin:0;top:0}.project-jumbotron .banner{min-height:20em}.project-jumbotron .banner h1{font-size:3em}.project-jumbotron p{font-size:2em}.project-jumbotron a{font-size:3em;padding:.5em}.techstack-wrapper{padding:0 2em}.techstack-wrapper .svg-inline--fa{font-size:2.5em!important;margin:0 .5em .1em}.back-btn{padding:1em 0 2em}.back-btn a{font-size:2em}}@media only screen and (max-width:768px){.project-container a{font-size:1em}.project-jumbotron video{margin:0;top:0}.project-jumbotron .banner{min-height:13em}.project-jumbotron .banner h1{font-size:2.5em}.project-jumbotron p{font-size:1em}.project-jumbotron a{font-size:2em;padding:.5em}.slides{width:90%;margin:1em auto 0}.techstack-wrapper{padding:0 2em}.techstack-wrapper .svg-inline--fa{font-size:2.5em!important;margin:0 .5em .5em}.back-btn{padding:1em 0 2em}.back-btn a{font-size:1.5em}}.photography-container{padding-top:7em}.gallery{max-width:90%;margin:auto}.gallery img{width:28em;border-radius:.5em;padding:1em;margin:.5em .5em 2em}.theme--dark .gallery img,.theme--light .gallery img{background-color:#fff}@media only screen and (max-width:768px){.gallery img{max-width:90%}}@media only screen and (min-width:768px) and (max-width:1024px){.gallery img{max-width:90%}}@media only screen and (min-width:1024px) and (max-width:1400px){.gallery img{max-width:85%}}.construction-wrapper{padding:4em 1em 2em;min-height:80%;min-height:80vh;align-items:center}.construction-wrapper .construction-text{font-size:3em;font-weight:700;padding-top:2em;padding-bottom:.5em;text-align:center;display:block}.theme--light .construction-wrapper .construction-text{color:#000}.theme--dark .construction-wrapper .construction-text{color:#74c1ff}.construction-wrapper img{-webkit-animation:shake-vertical 1s cubic-bezier(.455,.03,.515,.955) infinite both;animation:shake-vertical 1s cubic-bezier(.455,.03,.515,.955) infinite both}@media only screen and (max-width:768px){.construction-text{font-size:1.5em}.construction-wrapper img{height:15em}}@-webkit-keyframes shake-vertical{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}@keyframes shake-vertical{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}.resume-container{padding-top:7em}.resume-container h1{margin-bottom:0}.resume-container img{height:60em;padding-bottom:3em}.resume-container a{text-decoration:underline}.theme--light .resume-container a{color:#000}.theme--dark .resume-container a{color:#fff}.resume-container a:hover{text-decoration:underline}.theme--dark .resume-container a:hover,.theme--light .resume-container a:hover{color:#1890ff}.theme--light .resume-container p{color:#000}.theme--dark .resume-container p{color:#fff}@media only screen and (max-width:768px){.resume-container img{height:40em}.theme--dark .resume-container a,.theme--light .resume-container a{color:#1890ff}.resume-container p{padding:0 1em}}.contact-container{padding-top:7em}.theme--light .contact-container p{color:#000}.theme--dark .contact-container p{color:#fff}.contact-container a{text-decoration:underline}.theme--light .contact-container a{color:#000}.theme--dark .contact-container a{color:#fff}.contact-container a:hover{text-decoration:underline}.theme--dark .contact-container a:hover,.theme--light .contact-container a:hover{color:#1890ff}.form-wrapper{height:auto;width:100%}.form-wrapper .form-group{align-content:center}.form-wrapper .form-control{width:50%;margin:0 auto}.form-wrapper .message-box{height:15em!important}.form-wrapper .btn-secondary{width:10em;height:3em}.theme--light .form-wrapper .btn-secondary{background-color:#fff;border-color:#fff;color:#000}.theme--dark .form-wrapper .btn-secondary{background-color:#fff;border-color:#fff;color:#252525}.theme--light .form-wrapper .btn-secondary:hover{background-color:#000;border-color:#000;color:#fff}.theme--dark .form-wrapper .btn-secondary:hover{background-color:#74c1ff;border-color:#74c1ff;color:#fff}@media only screen and (max-width:768px){.contact-container p{padding:.5em}.theme--dark .contact-container a,.theme--light .contact-container a{color:#1890ff}.form-wrapper .form-control{width:80%;margin:0 auto}.form-wrapper .message-box{height:10em!important}}.options a{text-align:center;color:#fff;padding-left:1em;padding-right:1em}.page-not-found-container img{margin-top:8em;float:left}.page-not-found-container h1{margin-bottom:0;font-size:12em;text-align:center}.page-not-found-container .text-wrapper{text-align:left;bottom:0;right:0;position:absolute}.page-not-found-container p{font-size:1.5em;padding-left:1em;padding-right:1em}@media only screen and (max-width:768px){.page-not-found-container h1{display:None}.page-not-found-container img{height:15em;margin-top:8em}}.App{text-align:center;height:100vh;overflow-x:hidden}.theme--light .App{background-color:#d7d7f3;background:linear-gradient(270deg,#d7d7f3,#9dc0f5,#8ee7e1)}.theme--dark .App{background-color:#252525;background:linear-gradient(270deg,#252525,#252525,#252525)}.theme-toggle,.theme-toggle-project{width:2.5em;position:fixed;margin:2em 3em 0 0;right:0;top:0;z-index:2000;cursor:pointer}@media (max-width:321px){.theme-toggle{margin:2.2em 6em 0 0}.theme-toggle-project{margin:1em 1em 0 0}}@media (min-width:321px) and (max-width:768px){.theme-toggle{margin:2.2em 7em 0 0}.theme-toggle-project{margin:1em 1em 0 0}}@media (min-width:768px) and (max-width:1000px){.theme-toggle{margin:2.2em 8em 0 0}.theme-toggle-project{margin:1em 1em 0 0}}.vertical-center{padding:0 2em;min-height:80%;min-height:80vh;display:flex;align-items:center}p{padding:0 1vw}.theme--light p{color:#000}.theme--dark p{color:#fff}h1{font-weight:700;font-size:4em;padding-top:.5em;padding-bottom:.5em}.theme--light h1{color:#000}.theme--dark h1{color:#74c1ff}h2{font-weight:700;font-size:5em;text-align:left;padding:0 1vw;-webkit-animation:text-focus-in .5s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in .5s cubic-bezier(.55,.085,.68,.53) both}.theme--light h2{color:#000}.theme--dark h2{color:#74c1ff}h3{font-weight:700;font-size:4em;text-align:left;padding:0 1vw;-webkit-animation:text-focus-in1 1.2s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in1 1.2s cubic-bezier(.55,.085,.68,.53) both}.theme--light h3{color:#000}.theme--dark h3{color:#74c1ff}h4{font-weight:400;font-size:3em;text-align:left;padding:0 1vw;-webkit-animation:text-focus-in2 1.4s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in2 1.4s cubic-bezier(.55,.085,.68,.53) both}.theme--light h4{color:#000}.theme--dark h4{color:#74c1ff}h5{font-weight:700;font-size:4em;text-align:center;padding:0 1vw}.theme--light h5{color:#000}.theme--dark h5{color:#74c1ff}@media (max-width:768px){.verticalCenter{padding:0 1em}h1{padding-top:.5em;padding-bottom:.5em}h1,h2{font-size:2.5em}h1,h2,h3{text-align:center}h3{font-size:2em}h4{font-size:1.5em;text-align:center}h5{font-size:2.5em}}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@-webkit-keyframes text-focus-in1{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:.7}}@keyframes text-focus-in1{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:.7}}@-webkit-keyframes text-focus-in2{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:.5}}@keyframes text-focus-in2{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:.5}}
/*# sourceMappingURL=main.8484dd30.chunk.css.map */