.navbar{position:fixed!important;width:100%;z-index:1020}.theme--light .navbar{background-color:#fff}.theme--dark .navbar{background-color:#252525}.navbar .logo{cursor:pointer;margin:1.5em 2em 1em 1.5em;width:12em}.navbar .nav-item{cursor:pointer;margin:1vw 1vw 1vw 0;padding:1em 1em .5em}.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{border-bottom:2px solid #1890ff;color:#1890ff}.navbar a.exlink{font-size:2em;margin-right:2vw;padding-bottom:.5em}.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{animation:AnimationName 7s ease infinite;height:100vh;text-align:center}.theme--dark .landing-container,.theme--light .landing-container{background:linear-gradient(-35deg,#d0a6ff 14%,#00d4ff 49%,#bfffdd 77%)}.landing-container .continue-link{cursor:default}.landing-box{border:2px solid #000;bottom:2vw;justify-content:center;left:2vw;position:absolute;right:2vw;top:2vw}@keyframes sunny{to{stroke-dashoffset:0}}.handwriting-effect{padding:5vw 1vw 2vw;width:80vw}#S-Path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:sunny 1.5s linear forwards}#U-Path{animation:sunny .6s linear 1.8s forwards}#U-Path,#UN-Path{stroke-dasharray:500;stroke-dashoffset:500}#UN-Path{animation:sunny .6s linear 2.1s forwards}#N1-Path{animation:sunny .6s linear 2.4s forwards}#N1-Path,#N2-Path{stroke-dasharray:500;stroke-dashoffset:500}#N2-Path{animation:sunny .6s linear 3s forwards}#Y1-Path{animation:sunny .6s linear 3.5s forwards}#Y1-Path,#Y2-Path{stroke-dasharray:500;stroke-dashoffset:500}#Y2-Path{animation:sunny .6s linear 3.8s forwards}#F1-Path{stroke-dasharray:500;stroke-dashoffset:500;animation:sunny .6s linear 4.5s forwards}#F2-Path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sunny .8s linear 4.8s forwards}#E-Path{stroke-dasharray:1500;stroke-dashoffset:1500;animation:sunny 1.5s linear 5.3s forwards}#N3-Path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sunny .5s linear 5.8s forwards}#G1-Path{animation:sunny .5s linear 6.1s forwards}#G1-Path,#G2-Path{stroke-dasharray:500;stroke-dashoffset:500}#G2-Path{animation:sunny .3s linear 6.4s forwards}.continue-button{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 7s both;width:20em}.continue-button:hover{cursor:url(/static/media/doIt.330e311c2a6b6db27c47.png),auto}@media only screen and (max-width:768px){.continue-button{width:10em}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@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{border-radius:50%;height:25em;padding:1em}.home-container p{text-align:left}.photography-container{padding-top:7em}.photography-container .gallery{margin:auto;max-width:90%}.photography-container .gallery img{border-radius:.5em;margin:.5em .5em 2em;padding:1em;width:28em}.theme--dark .photography-container .gallery img,.theme--light .photography-container .gallery img{background-color:#fff}.resume-container{margin:auto;max-width:90%;padding-top:7em}.resume-container h1{margin-bottom:0}.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}.resume-container .experience-row{align-items:center;background-color:#fff;border-radius:5vh;box-shadow:3px 3px 15px 3px #fffc;margin:5vh;padding:2vh;text-align:left}.resume-container .experience-row .company-logo{height:auto;padding:5vh;width:20vw}.resume-container .experience-row h1{font-size:2em;padding:0 0 .5em}.resume-container .experience-row h2{font-size:1em;font-weight:300;padding:0 0 .5em}.resume-container .experience-row p{color:#000;padding:0}.resume-container .skills{align-items:center;justify-content:center;text-align:center}.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}.contact-container .form-wrapper{height:auto;width:100%}.contact-container .form-wrapper .form-group{align-content:center}.contact-container .form-wrapper .form-control{margin:0 auto;width:50%}.contact-container .form-wrapper .message-box{height:15em!important}.contact-container .form-wrapper .btn-secondary{height:3em;width:10em}.theme--light .contact-container .form-wrapper .btn-secondary{background-color:#fff;border-color:#fff;color:#000}.theme--dark .contact-container .form-wrapper .btn-secondary{background-color:#fff;border-color:#fff;color:#252525}.theme--light .contact-container .form-wrapper .btn-secondary:hover{background-color:#000;border-color:#000;color:#fff}.theme--dark .contact-container .form-wrapper .btn-secondary:hover{background-color:#74c1ff;border-color:#74c1ff;color:#fff}.page-not-found-container img{float:left;margin-top:8em}.page-not-found-container h1{font-size:12em;margin-bottom:0;text-align:center}.page-not-found-container .text-wrapper{bottom:0;position:absolute;right:0;text-align:left}.page-not-found-container p{font-size:1.5em;padding-left:1em;padding-right:1em}@media only screen and (max-width:768px){.home-container img{height:20em;margin:-2em 0 -5em;padding:0}.photography-container .gallery img{max-width:90%}.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 p{padding:.5em}.theme--dark .contact-container a,.theme--light .contact-container a{color:#1890ff}.contact-container .form-wrapper .form-control{margin:0 auto;width:80%}.contact-container .form-wrapper .message-box{height:10em!important}.page-not-found-container h1{display:None}.page-not-found-container img{height:15em;margin-top:8em}}@media only screen and (min-width:768px)and (max-width:1024px){.photography-container .gallery img{max-width:90%}}@media only screen and (min-width:1024px)and (max-width:1400px){.photography-container .gallery img{max-width:85%}}.small-gap-bottom{padding-bottom:1em}.projects-container{padding-top:7em;text-align:center}.project-grid{margin:0 auto 3em;max-width:80em;text-align:center}.project-grid a{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;max-width:100%!important;opacity:.8;width:20em}.project-card:hover{border-radius:8px;opacity:1;transform:scale(1.05);z-index:1}#personal-website-card{background-image:url(/static/media/personal-website-card.cc1686f9c67a18b48910.jpg);background-size:cover}#timeline-card{background-image:url(/static/media/timeline-card.a116246f65bcda1da9b9.jpg);background-size:cover}#kafe-krayon-card{background-image:url(/static/media/kafe-krayon-card.574230744f89328ee0dd.jpg);background-size:cover}#upskill-card{background-image:url(/static/media/upskill-card.78b1c417d2ee9fc3f8f4.jpg);background-size:cover}#tetris-card{background-image:url(/static/media/tetris-card.1fbd15ed3e6dbf3c9d33.jpg);background-size:cover}#learnfromakiwi-card{background-image:url(/static/media/learnfromakiwi-card.760b3a68a0ed4bf220a3.jpg);background-size:cover}#money-busters-card{background-image:url(/static/media/money-busters-card.f0525abd925983e162f2.jpg);background-size:cover}#scammr-card{background-image:url(/static/media/scammr-card.3fcbf5158ddb57d53c8e.jpg);background-size:cover}#task-manager-card{background-image:url(/static/media/task-manager-card.6e05df7923ee281c6f25.jpg);background-size:cover}#eventigate-card{background-image:url(/static/media/eventigate-card.e2176e55bb415870ae10.jpg);background-size:cover}#moving-shapes-card{background-image:url(/static/media/moving-shapes-card.7087947fe0783dbdd58a.jpg);background-size:cover}.project-container{min-height:100%!important;padding-top:0;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);height:auto;overflow:hidden;position:relative}.project-jumbotron video{left:0;margin-top:-5em;position:absolute;top:0;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-bottom:.5em;padding-top:1.2em}.project-jumbotron p{font-size:1.5em;font-style:italic;margin-bottom:.5em}.project-jumbotron a{font-size:3em;padding:.5em}.text-container{margin:auto;text-align:left;width:80%}.text-container h2{animation:None;font-size:1.5em;font-weight:700;margin-bottom:.5em;padding-top:1em}.theme--light .text-container h2{color:#000}.theme--dark .text-container h2{color:#74c1ff}.techstack-wrapper{display:inline-block!important;margin-left:auto;margin-right:auto;padding:1em 2em;width:fit-content}.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{margin:1em auto 0;width:90%}.desc-wrapper{margin:1em auto;width:90%}.desc-wrapper p{font-size:1.2em;margin:0 auto 1em}.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{margin:1em auto 0;max-width:90%;object-fit:contain}.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{margin:1em auto 0;width:90%}.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}}.construction-wrapper{align-items:center;min-height:80%;min-height:80vh;padding:4em 1em 2em}.construction-wrapper .construction-text{display:block;font-size:3em;font-weight:700;padding-bottom:.5em;padding-top:2em;text-align:center}.theme--light .construction-wrapper .construction-text{color:#000}.theme--dark .construction-wrapper .construction-text{color:#74c1ff}.construction-wrapper img{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}}@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)}}.options a{color:#fff;padding-left:1em;padding-right:1em}.App,.options a{text-align:center}.App{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{cursor:pointer;margin:2em 3em 0 0;position:fixed;right:0;top:0;width:2.5em;z-index:2000}@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{align-items:center;display:flex;min-height:80%;min-height:80vh;padding:0 2em}p{padding:0 1vw}.theme--light p{color:#000}.theme--dark p{color:#fff}h1{font-size:4em;font-weight:700;padding-bottom:.5em;padding-top:.5em}.theme--light h1{color:#000}.theme--dark h1{color:#74c1ff}h2{animation:text-focus-in .5s cubic-bezier(.55,.085,.68,.53) both;font-size:5em;font-weight:700;padding:0 1vw;text-align:left}.theme--light h2{color:#000}.theme--dark h2{color:#74c1ff}h3{animation:text-focus-in1 1.2s cubic-bezier(.55,.085,.68,.53) both;font-size:4em;font-weight:700;padding:0 1vw;text-align:left}.theme--light h3{color:#000}.theme--dark h3{color:#74c1ff}h4{animation:text-focus-in2 1.4s cubic-bezier(.55,.085,.68,.53) both;font-size:3em;font-weight:400;padding:0 1vw;text-align:left}.theme--light h4{color:#000}.theme--dark h4{color:#74c1ff}h5{font-size:4em;font-weight:700;padding:0 1vw;text-align:center}.theme--light h5{color:#000}.theme--dark h5{color:#74c1ff}@media(max-width:768px){.verticalCenter{padding:0 1em}h1{padding-bottom:.5em;padding-top:.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}}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes text-focus-in1{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:.7}}@keyframes text-focus-in2{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:.5}}
/*# sourceMappingURL=main.cf0c85a7.css.map*/