@import url(https://fonts.googleapis.com/css2?family=Lato:wght@500;700&family=Noto+Sans+JP:wght@500&family=Open+Sans&display=swap&family=Arimo&display=swap);*{font-family:"Lato",sans-serif;padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}html{background-color:#f8f8f8}li{display:list-item;list-style-type:none}a{text-decoration:none;color:#313d3f}.title-colour{color:#2c2ffc}section{max-width:1520px;margin:0 auto}.landing-page{display:flex;align-items:center;height:100vh;margin-bottom:160px}.landing-page figure{min-width:40%;margin-right:70px}.landing-page figure .landing-background--image{z-index:-1;width:100%}.landing-page header{width:50%;margin-left:140px;height:500px}.landing-page header .landing-name-title{font-size:1.2em;font-family:"Arimo",sans-serif;color:#878a8f;letter-spacing:.4em;margin-bottom:24px}.landing-page header .landing-title{width:605px;font-size:2em;line-height:1.2;margin-bottom:24px}.landing-page header .blink{position:relative;bottom:3px;animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}.landing-page .about-container{width:500px}.landing-page .about-container .about-desc{line-height:1.4;font-size:1.4em;color:#464c54;margin-bottom:12px}.landing-page .about-container .social-icons{margin-top:52px;display:flex;justify-content:space-between;width:400px}.landing-page .about-container .social-icons i{font-size:2rem;transition:all .5s}.landing-page .about-container .social-icons i:hover{cursor:pointer}.landing-page .about-container .social-icons .default-black:hover{color:#878a8f}.landing-page .about-container .social-icons .linkedIn{color:#0e76a8}.landing-page .about-container .social-icons .linkedIn:hover{color:#095274}.landing-page .about-container .social-icons .resume{color:#af170c}.landing-page .about-container .social-icons .resume:hover{color:#ee1f10}.landing-bottom{padding-left:100px;position:absolute}.landing-bottom .landing-bottom--image{position:absolute;bottom:0;width:480px}.landing-bottom .landing-bottom--background{height:40px;background-color:#f5f4fc}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}@media only screen and (max-width:1200px){.landing-page{height:680px;align-items:flex-start}.landing-page header{margin-left:100px}.landing-page header .landing-name-title{font-size:1.4em}.landing-page header .landing-title{width:500px;font-size:1.7em}.landing-page figure{display:none}.landing-page .about-container .about-desc{font-size:1.8em}}@media only screen and (max-width:600px){.landing-page{height:420px}.landing-page header{width:100%;margin-left:0;padding:0 48px}.landing-page header .landing-title{width:220px;font-size:16px}.landing-page header .landing-name-title{font-size:20px}.landing-page .about-container{max-width:90%;font-size:10px}.landing-page .about-container .social-icons{justify-content:space-between;max-width:100%}.landing-bottom{display:none}}.projects-page .project-page-title{font-size:3em;text-align:center;margin:32px auto 88px;letter-spacing:.05em}.projects-page .project-card-container{display:flex;justify-content:space-between;flex-wrap:wrap;width:90%;margin:0 auto}.projects-page .project-card-container .project-card{display:flex;flex-direction:column;align-items:center;width:45%;height:365px;box-shadow:0 10px 30px #dad9df;border-radius:20px;margin-bottom:104px;overflow:hidden;position:relative}.projects-page .project-card-container .project-card:hover img{opacity:.86;-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-page .project-card-container .project-card:hover .project-cover{opacity:1;height:inherit}.projects-page .project-card-container .project-card:hover .project-cover .project-details{opacity:1}.projects-page .project-card-container .project-card img{width:100%;transition:all .5s}.projects-page .project-card-container .project-card .project-cover{position:absolute;opacity:0;width:100%;height:0;background-color:rgba(28,29,37,.8549019608);transition:all .4s}.projects-page .project-card-container .project-card .project-cover .project-details{position:absolute;opacity:0;width:100%;padding:4em;color:#fff;transition:all .4s;line-height:1.5}.projects-page .project-card-container .project-card .project-cover .project-details .project-name{font-size:2em;margin-bottom:12px}.projects-page .project-card-container .project-card .project-cover .project-details .project-tech{width:70%;margin-bottom:24px;font-size:1.1em}.projects-page .project-card-container .project-card .project-cover .project-details .project-tech .tools{margin-top:8px}.projects-page .project-card-container .project-card .project-cover .project-details .project-desc{margin-bottom:24px}.projects-page .project-card-container .project-card .project-cover .project-details .project-card__links-container{display:flex;justify-content:space-between;width:72px}.projects-page .project-card-container .project-card .project-cover .project-details .project-card__links-container .card-button-link{color:#fff;font-size:1.4em}.projects-page .project-card-container .project-card .project-cover .project-details .project-card__links-container .card-button-link:hover{color:#dadada}@media only screen and (max-width:1200px){.projects-page .project-card-container{display:flex;justify-content:column;align-items:center;justify-content:center}.projects-page .project-card-container .project-card{width:90%;height:380px}}@media only screen and (max-width:600px){.projects-page .project-card-container .project-card{width:90%;height:200px}.projects-page .project-card-container .project-card .project-cover .project-details{padding:28px}.projects-page .project-card-container .project-card .project-cover .project-details .project-name{font-size:1em;margin-bottom:4px}.projects-page .project-card-container .project-card .project-cover .project-details .project-tech{font-size:10px;margin-bottom:8px}.projects-page .project-card-container .project-card .project-cover .project-details .project-desc{font-size:10px;margin-bottom:16px}.projects-page .project-card-container .project-card .project-cover .project-details .project-card__links-container{width:64px}.projects-page .project-card-container .project-card .project-cover .project-details .project-card__links-container .card-button-link{font-size:16px}}.skills-background-overflow{background-color:#f5f4fc}.skills-page{display:flex;flex-direction:column;align-items:center}.skills-page .skills-title{font-family:"Noto Sans JP",sans-serif;font-size:3em;letter-spacing:.1em;margin:48px 0}.skills-page .skills-outer-container{display:flex;justify-content:space-between;width:90%}.skills-page .skills-outer-container div{width:50%}.skills-page .skills-outer-container .skills-content-title{font-size:2em;text-align:center;margin-bottom:24px;letter-spacing:.1em}.skills-page .skills-outer-container .skills-content-container{display:flex;flex-wrap:wrap;width:80%;align-items:center;margin:0 auto}.skills-page .skills-outer-container .skills-content-container .skills{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33.33%;padding-bottom:2em;min-height:150px;max-height:150px}.skills-page .skills-outer-container .skills-content-container .skills .image-container{display:flex;align-items:center;justify-content:center;height:112px}.skills-page .skills-outer-container .skills-content-container .skills .image-container:hover img{-webkit-filter:brightness(70%);filter:brightness(70%);opacity:.86;-webkit-transform:scale(.9);transform:scale(.9)}.skills-page .skills-outer-container .skills-content-container .skills .image-container:hover+h2{-webkit-transform:scale(1);transform:scale(1);opacity:1}.skills-page .skills-outer-container .skills-content-container .skills h2{transition:all .5s;text-align:center;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.skills-page .skills-outer-container .skills-content-container .skills img{transition:all .5s;width:100%;max-width:75px}@media only screen and (max-width:1200px){.skills-page .skills-outer-container{flex-direction:column;align-items:center}.skills-page .skills-outer-container div{width:100%}}@media only screen and (max-width:600px){.skills-page .skills-title{text-align:center;font-size:3em;margin:24px}.skills-page .skills-outer-container{display:flex;flex-direction:column;align-items:center}.skills-page .skills-outer-container div{width:100%}.skills-page .skills-outer-container .skills-content-container{margin-top:40px;width:100%}.skills-page .skills-outer-container .skills-content-container .skills{width:33.33%}}Nav{display:flex;justify-content:space-between;margin:20px auto;width:85%}Nav .nav--logo{transition:all .3s}Nav .nav--logo:hover{opacity:.85}Nav .nav--logo .logo-container{display:flex;align-items:center}Nav .nav--logo .logo-container .logo-titles h1{font-size:1.8em;color:#313d3f}Nav .nav--logo .logo-container .logo-titles h2{font-family:"Noto Sans JP",sans-serif;font-size:1em;color:#464c54}Nav .nav--logo .logo-container .logo-image img{width:100px;height:70px}Nav .nav__link--list{width:500px;display:flex;align-items:center;justify-content:space-between}Nav .nav__link--list .nav__link{font-size:1.3rem;color:#464c54}Nav .nav__link--list .nav__link:hover{cursor:pointer}Nav .nav__link--list .contact-button{background-color:#2123ab;padding:8px 20px;border-radius:20px;transition:all .3s}Nav .nav__link--list .contact-button:hover{background-color:#2c2ffc}Nav .nav__link--list .contact-button a{color:#fff;transition:opacity .3s ease}.hamburger-menu__icon{display:none}.hamburger__menu-item{text-align:center;background-color:#696969;color:#faebd7;transition:.2s ease;font-size:20px;padding:18px;letter-spacing:1.5px}.hamburger__menu-item:hover{background-color:#878a8f}@media only screen and (max-width:1200px){Nav{width:90%;height:160px}Nav .nav--logo .logo-container .logo-titles h1{font-size:2.2em}Nav .nav--logo .logo-container .logo-titles h2{font-size:1.3em}Nav .nav--logo .logo-container .logo-image img{width:130px;height:91px}Nav .nav__link--list{display:none}.hamburger-menu__icon{height:100px;display:flex;align-items:center}.hamburger-menu__icon img{height:40px;width:40px}}@media only screen and (max-width:600px){Nav{height:120px}Nav .nav--logo .logo-container .logo-titles{margin:0 24px}Nav .nav--logo .logo-container .logo-titles h1{font-size:20px}Nav .nav--logo .logo-container .logo-titles h2{font-size:12px}Nav .nav--logo .logo-container .logo-image img{height:80px;width:60px}.hamburger-menu__icon{height:86px}.hamburger-menu__icon img{height:28px;width:28px}}.underline-animation a:not(.contact-link){position:relative}.underline-animation a:not(.contact-link):after{content:"";width:0;height:3px;background-color:#464c54;display:block;position:absolute;transition:all .4s;right:0}.underline-animation a:not(.contact-link):hover:after{width:100%;right:unset;left:0}.footer_social-links.underline-animation a:after{background-color:#f4f4f4}footer{background-color:#242424}footer .footer_content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7% 0;color:#fff}footer .footer_content-container .footer{max-width:800px;margin:0 auto}footer .footer_content-container .logo-image{position:relative}footer .footer_content-container .logo-image:hover .logo_top-popper{-webkit-transform:translateX(60px);transform:translateX(60px);opacity:1}footer .footer_content-container .logo-image img{width:150px;height:105px}footer .footer_content-container .logo-image .logo_top-popper{position:absolute;color:#fff;opacity:0;right:-24px;bottom:40px;transition:all .3s ease}footer .footer_content-container .footer_social-links{max-width:500px;width:100%;display:flex;justify-content:space-evenly;margin:32px 0}footer .footer_content-container .footer_social-links a{color:#fff;transition:opacity .3s ease}
/*# sourceMappingURL=main.285dfb96.chunk.css.map */