@import url(https://fonts.googleapis.com/css2?family=Gotu&family=Poppins&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-page{align-items:center;background:var(--dark-background);color:var(--dark-text);display:flex;flex-direction:column;font-family:Gotu,sans-serif;height:100vh;justify-content:center;margin:auto}.loading-page #loading-name{color:var(--dark-header);font-size:1.6em}.loading-page #loading-title{color:var(--dark-header);font-size:1.4em}.light-mode .loading-page{background:var(--light-background);color:var(--light-text)}.light-mode .loading-page #loading-name,.light-mode .loading-page #loading-title{color:var(--light-header)}:root{--dark-background:#1a1a1a;--dark-navbar:#0d2818;--dark-menu:#16db65;--dark-header:#058c42;--dark-active:#04471c;--dark-text:#fff;--light-background:#fbfcff;--light-navbar:#d0ccd0;--light-menu:#2c4a63;--light-active:#1c6e8c;--light-header:#165edb;--light-text:#000}body,html{font-family:Poppins,sans-serif;height:100vh;margin:0;padding:0}.light-mode .link{color:#165edb;color:var(--light-header)}.link{color:#058c42;color:var(--dark-header)}a,li{text-decoration:none;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}a:hover{font-weight:700;-webkit-transform:scale(1.1);transform:scale(1.1)}ul{-webkit-padding-start:20px;padding-inline-start:20px}.hidden{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.show{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 2s}.fade-out{-webkit-animation:fadeOut .5s;animation:fadeOut .5s;overflow:hidden}.fade-out.show{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;opacity:1;transition:all .5s ease-out}.fade-out.hidden{max-height:0;opacity:0;transition:all .5s ease-in}.unrotate{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.rotate,.unrotate{display:inline-block}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion){.hidden{transition:none}}#desktop{display:none}.DarkToggle{cursor:pointer;width:50px}#mobile{padding-bottom:50px}#mobile .navBar{align-items:center;background-color:var(--dark-navbar);display:flex;height:50px;position:fixed;width:100%;z-index:9999}#logo a,#mobile .navBar{font-family:Gotu,sans-serif}#mobile .navBar #logo a{color:var(--dark-menu);margin:auto auto auto 50px}#mobile .navBar button{align-items:center;background:transparent;border:none;color:var(--dark-menu);cursor:pointer;display:flex;font-size:25px;font-weight:700;justify-content:center;position:fixed;right:10px;z-index:10}#mobile #menuBtn{color:var(--dark-menu)}#mobile .menuNav{align-items:center;background-color:var(--dark-navbar);bottom:0;display:flex;flex-direction:column;justify-content:space-evenly;left:0;list-style:none;max-width:290px;overflow-y:scroll;overflow:hidden;position:fixed;top:0;width:0;z-index:9}#mobile .menuNav.showMenu{transition:width 1s ease;width:80%;z-index:9999}#mobile a,#mobile p{color:var(--dark-menu);display:block;font-size:1em;font-weight:700;margin:0;text-decoration:none}#mobile .menuNav li:first-child{margin-top:7rem}.light-mode #mobile .navBar{background-color:var(--light-navbar)}.light-mode #mobile #menuBtn,.light-mode #mobile .navBar #logo a,.light-mode #mobile .navBar button{color:var(--light-menu)}.light-mode #mobile .menuNav{background-color:var(--light-navbar)}.light-mode #mobile a,.light-mode #mobile p{color:var(--light-menu)}@media only screen and (min-width:768px){#mobile{display:none}.light-mode #desktop .navBar{background-color:var(--light-navbar)}#desktop{display:block;position:relative;position:fixed;top:0}#desktop,#desktop .navBar{background-color:var(--dark-navbar);height:50px;margin:auto;width:100%;z-index:9999}#desktop .navBar{align-content:center;display:grid;grid-template-columns:25% 75%;max-width:1500px}#logo{grid-column:1;margin:auto}#logo h2{color:var(--dark-menu)}#links{align-items:center;display:flex;font-family:Gotu,sans-serif;grid-column:2;grid-row:1;justify-content:space-evenly}#links p{cursor:pointer;font-size:20px;margin:0;text-decoration:none}#links a,#links p{color:var(--dark-menu)}.light-mode #desktop{background-color:var(--light-navbar)}.light-mode #links a,.light-mode #logo h2{color:var(--light-menu)}}#home{margin-bottom:0!important}#profile-section{display:flex;flex-wrap:wrap}#profileContainer{border-radius:100%;display:flex;height:300px;margin:auto;position:relative;width:300px}#home #profileContainer #profilePic{-webkit-animation:moveUpDown 2s ease infinite alternate;animation:moveUpDown 2s ease infinite alternate;bottom:0;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:100px}@-webkit-keyframes moveUpDown{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes moveUpDown{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}#home div div:first-child{transition-delay:.2s}#home div div:nth-child(2){transition-delay:.4s}#home div div:nth-child(3){transition-delay:.6s}#home div div:nth-child(4){transition-delay:.8s}@media only screen and (min-width:768px){#home #intro{margin-left:auto;width:50%}}.light-mode #projects-page h2{color:var(--light-header)}#projects-page h2{color:var(--dark-header)}.github-icon{display:inline-block;height:50px!important;margin-left:10px!important;width:50px}.links-out{display:flex}.card{background-color:#fff;border:1px solid var(--light-header);border-radius:10px;color:#000;margin:0 auto 20px;max-width:800px;overflow:hidden;padding:5px 20px;position:relative;transition:height 1s ease;transition:1.5s}.card p{-webkit-margin-before:5px;-webkit-margin-after:5px;margin-block-end:5px;margin-block-start:5px}.light-mode .visit-button{background-color:var(--light-header)}.visit-button{background-color:var(--dark-header);border:none;border-radius:5px;box-shadow:none;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1em;padding:5px 10px}.project-skills{display:flex;flex-wrap:wrap;justify-content:center}.card:hover{box-shadow:0 4px 5px 3px hsla(0,0%,99%,.692)!important}.work.card.expand a img{height:200px;max-width:100%}.project-skill{border:var(--dark-header) solid;border-radius:5px;display:inline-block;margin:0 5px;padding:3px}.light-mode .project-skill{border:var(--light-header) solid}.expandContents{cursor:pointer;position:absolute;right:5px;top:5px;width:20px;z-index:1}.projects-grid{flex-wrap:wrap;justify-content:center}.card a,.projects-grid{align-items:center;display:flex;margin:auto}.card a{color:#000;flex-direction:column}.card a img{border-radius:10px;height:100px;margin:auto}.card .project-description{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.card .project-description.hideDescription{padding:50px 0}.card a h3{font-weight:700;margin:5px auto}.card .project-description p,.card a h3{text-align:center}.card .project-description .articleLink{color:var(--dark-menu);text-decoration:underline}.light-mode .card .project-description .articleLink{color:var(--light-menu);text-decoration:underline}@media only screen and (min-width:768px){.projects-grid{display:grid;grid-template-columns:1fr 1fr;justify-items:center}}@media only screen and (max-width:426px){.work.card.expand a img{height:150px;max-width:100%}}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(224,18,18,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(204,169,44,0)}to{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,18,18,.4)}70%{box-shadow:0 0 0 10px rgba(204,169,44,0)}to{box-shadow:0 0 0 0 rgba(204,169,44,0)}}#CVDownload{align-items:center;background-color:var(--dark-active);border:solid var(--dark-active);border-radius:10px;color:var(--dark-text);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin:auto;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:200px}.light-mode #CVDownload{background-color:var(--light-active);border:solid var(--light-active);color:var(--light-text)}#CVDownload:hover{font-weight:700;-webkit-transform:scale(1.1);transform:scale(1.1)}.experience div{border-left:2px solid #fff;padding-left:30px}.experience h2,.experience h3,.experience h4{text-align:center}#resume #resumeContainer{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px}#resume #resumeContainer #experienceTitles{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr;margin-left:-25px;padding-left:25px;width:calc(100% + 50px)}#resume #resumeContainer #experienceTitles .groupedExperiences{display:grid;grid-template-columns:1fr 1fr}#resume #resumeContainer #experienceTitles h2{cursor:text;font-size:1em;margin-left:10px;padding:2px}#resume #resumeContainer #experienceTitles h3,h4{cursor:pointer;display:inline-block;font-size:1em;padding:2px 5px}#resume #resumeContainer #experienceTitles h3{border-bottom:3px solid var(--dark-text)}#resume #resumeContainer #experienceTitles h3.active{background-color:#dadada;border-bottom:3px solid var(--dark-active);color:var(--dark-active)}#resume #resumeContainer #experienceTitles h3:hover{background-color:#acacac;border-bottom:3px solid var(--dark-active);color:var(--dark-active)}.light-mode #resume #resumeContainer #experienceTitles h3{border-bottom:3px solid var(--light-text)}.light-mode #resume #resumeContainer #experienceTitles h3.active{background-color:#dadada;border-bottom:3px solid var(--light-active);color:var(--light-active)}.light-mode #resume #resumeContainer #experienceTitles h3:hover{background-color:#acacac;border-bottom:3px solid var(--light-active);color:var(--light-active)}#resume #resumeContainer #experiences{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-y:auto}#resume #resumeContainer #experiences h3{color:var(--dark-menu);font-size:1.2em}.light-mode #resume #resumeContainer #experiences h3{color:var(--light-menu);font-size:1.2em}#resume #resumeContainer #experiences h4{cursor:text}#resume #resumeContainer #experiences .hide{display:none}@media only screen and (min-width:768px){#resume #resumeContainer{display:grid;grid-template-columns:250px 1fr}#resume #resumeContainer #experiences{height:450px;overflow-y:auto}#resume #resumeContainer #experienceTitles{display:block;margin-left:0;overflow-x:hidden;padding-left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#resume #resumeContainer #experienceTitles .groupedExperiences,#resume #resumeContainer #experienceTitles h2{display:block}#resume #resumeContainer #experienceTitles h3,h4{display:block;padding:3px}#resume #resumeContainer #experienceTitles h3{border-bottom:none;border-left:3px solid var(--dark-text)}#resume #resumeContainer #experienceTitles h3.active,#resume #resumeContainer #experienceTitles h3:hover{border-bottom:none;border-left:3px solid var(--dark-active);color:var(--dark-active)}.light-mode #resume #resumeContainer #experienceTitles h3{border-bottom:none;border-left:3px solid var(--light-text)}.light-mode #resume #resumeContainer #experienceTitles h3.active,.light-mode #resume #resumeContainer #experienceTitles h3:hover{border-bottom:none;border-left:3px solid var(--light-active);color:var(--light-active)}}#contactForm{display:grid;grid-template-columns:1fr;margin:auto;max-width:600px}#contactForm .form-layout div{display:flex;justify-content:space-evenly;margin-bottom:10px}#contactForm .form-control{background-color:#e6e6e6;border-radius:5px;font-family:Poppins,sans-serif;padding:8px}#contactForm div textarea{min-height:150px}#contactForm div input,#contactForm div textarea{font-size:1.25em;min-width:200px;width:100%}#contactForm #submitBtn{align-items:center;background-color:var(--dark-active);border:solid var(--dark-active);border-radius:10px;color:var(--dark-text);cursor:pointer;display:flex;font-size:1.25em;font-size:20px;font-weight:700;height:40px;justify-content:center;margin:auto;max-width:200px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%;width:200px}.light-mode #contactForm #submitBtn{background-color:var(--light-active);border:solid var(--light-active);color:var(--light-text)}#contactForm #submitBtn:hover{font-weight:700;-webkit-transform:scale(1.1);transform:scale(1.1)}#thankYou p{font-size:1.25em;font-weight:700;margin-top:30px;text-align:center;text-decoration:underline}@media only screen and (min-width:768px){#contactForm label.mobileHide{display:inline;margin-right:4px}#contactForm div input,#contactForm div textarea{font-size:1.25em;min-width:200px;width:80%}}#skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skills-icon{height:50px;margin:10px}#footer-layout{background-color:var(--dark-navbar);bottom:0;width:100%;z-index:2}.light-mode #footer-layout{background-color:var(--light-navbar)}#footer{background-color:var(--dark-navbar);bottom:0;color:var(--dark-menu);display:grid;font-family:Gotu,sans-serif;grid-template-columns:1fr 1fr 1fr;margin:auto;max-width:1500px;width:100%;z-index:2}.light-mode #footer{background-color:var(--light-navbar);color:var(--light-menu)}#footer h3{align-items:center;display:flex;font-size:16px;justify-content:center}#footer h3 .mobileHide{display:none}#footer #footerLogos{font-size:20px}#footer #footerLogos,#footer #footerLogos a{align-items:center;display:flex;justify-content:space-around}#footer #footerLogos img{width:20px}@media only screen and (min-width:768px){#footer h3{font-size:19px}#footer h3 .mobileHide{display:inline;margin-right:4px}#footer #footerLogos{font-size:25px}#footer #footerLogos img{width:35px}}.App{background:var(--dark-background)}.App .light-mode{background:var(--light-background)}#AppLayout{background:var(--dark-background);color:var(--dark-text);margin:50px auto;max-width:1024px;padding:10px 0;width:90%}.light-mode #AppLayout{background:var(--light-background);color:var(--light-text)}#AppLayout section{margin:40px auto;padding-bottom:10px}#AppLayout section h2{color:var(--dark-header);cursor:pointer}.light-mode #AppLayout section h2{color:var(--light-header);cursor:pointer}@media only screen and (min-width:768px){#AppLayout{width:80%}}#newsArticleHolder{display:flex;flex-direction:column;position:relative}#newsArticle{margin:auto;max-width:200px;transition:width 1s ease;transition:1.5s;width:100%}#about .expandContents{background-color:#fff;cursor:pointer;padding:3px;position:absolute;right:5px;top:5px;width:20px;z-index:1}#In-Japan{margin:auto;max-width:350px}#In-Japan img{border-radius:10px;max-width:350px;width:100%}#grid{display:grid;grid-template-columns:1fr 1fr}.skills{align-items:center;border:solid #fff;box-shadow:0 4px 8px 0 hsla(0,0%,100%,.2),0 6px 20px 0 hsla(0,0%,100%,.19);display:flex;height:100px;justify-content:center;margin:20px auto;padding:15px;width:100px}.icon{font-size:50px}.skills:hover{height:110px;width:110px}@media only screen and (min-width:768px){#grid{grid-template-columns:1fr 1fr 1fr}#In-Japan{border-radius:10px;float:right;margin-left:10px;max-width:350px}}@media only screen and (min-width:1024px){#grid{grid-template-columns:1fr 1fr 1fr 1fr}}.Tooltip{color:#fff;display:inline-flex;font-weight:700;width:100px}.Tooltip,.rc-tooltip{align-items:center;justify-content:center;margin:auto}.rc-tooltip{display:flex;position:absolute}.headline{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:3em;font-weight:100}.inset{inset:0;position:absolute}.full{height:50vh}.full div:nth-child(3){background-position:100% 100%!important;background-repeat:no-repeat!important;background-size:140%!important}.center{align-items:center;display:flex;justify-content:center}.gradient{background:linear-gradient(rgba(14,62,151,.5) 50%,#000)}.typewriter{-webkit-animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:.1em solid var(--dark-menu);letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.light-mode .typewriter{-webkit-animation:typing 3.5s steps(40),blink-caret-light .75s step-end infinite;animation:typing 3.5s steps(40),blink-caret-light .75s step-end infinite;border-right:.1em solid var(--light-header)}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--dark-menu)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--dark-menu)}}@-webkit-keyframes blink-caret-light{0%,to{border-color:transparent}50%{border-color:var(--light-header)}}@keyframes blink-caret-light{0%,to{border-color:transparent}50%{border-color:var(--light-header)}}@media only screen and (min-width:426px){.headline{font-size:4em}.full{height:100vh}.full div:nth-child(3){background-position:100% 100%!important;background-repeat:no-repeat!important;background-size:contain!important}}
/*# sourceMappingURL=main.ae1d46bb.css.map*/