*{box-sizing:border-box;margin:0;padding:0;font-family:Gilroy,sans-serif;font-weight:400}html{scroll-behavior:smooth;font-size:100%}body{color:#000c;background-color:#fcfcfc;font-size:1rem;overflow-x:hidden!important}body .__noise{z-index:-1;opacity:.24;background-image:url(/images/noise.gif);background-size:100px 100px;justify-content:center;align-items:center;width:100%;height:100%;display:block;position:fixed;inset:0}small{font-family:Consolas,sans-serif}h1,h2{font-weight:900}h3{color:#0006;font-weight:700}h5{color:#000;font-weight:600}ul{list-style:none}a{text-decoration:none;transition:all .2s ease-in-out}strong{font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #dad8d8}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#000}::selection{color:#fcfcfc;background:#000}::selection{color:#fcfcfc;background:#000}:focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Gilroy;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/Gilroy-Regular.woff2)format("woff2")}@font-face{font-family:Gilroy;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/Gilroy-SemiBold.woff2)format("woff2")}@font-face{font-family:Gilroy;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/Gilroy-Bold.woff2)format("woff2")}@font-face{font-family:Gilroy;font-style:normal;font-display:swap;font-weight:900;src:url(/fonts/Gilroy-Heavy.woff2)format("woff2")}@font-face{font-family:Consolas;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/CONSOLA.woff2)format("woff2")}@font-face{font-family:Consolas;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/CONSOLAB.woff2)format("woff2")}.blink{animation:2s linear infinite blinker}@keyframes blinker{50%{opacity:0}}.v-enter-active{transition:all .1s ease-in}.v-enter-from{opacity:0;transform:translateY(-20px)}.v-leave-to{opacity:0}.container{flex-direction:row;place-content:center;align-items:center;width:100%;display:flex}.container>*{width:100%}@media only screen and (width<=575px){.container>*{max-width:100%}}@media only screen and (width>=576px) and (width<=767px){.container>*{max-width:540px}}@media only screen and (width>=768px) and (width<=991px){.container>*{max-width:720px}}@media only screen and (width>=992px) and (width<=1199px){.container>*{max-width:960px}}@media only screen and (width>=1200px) and (width<=1439px){.container>*{max-width:1140px}}@media only screen and (width>=1440px){.container>*{max-width:1420px}}.stat{width:250px}.stat .quantity{color:#000;margin-bottom:10px;font-size:40px;font-weight:700}.stat .subtitle{color:#0009;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:600}.bg{color:#fcfcfc;padding:0 5px}.bg.bg--backend{background-color:#007acd}.bg.bg--frontend{background-color:#00cd9a}.bg.bg--golang{color:#fff;background-color:#6ad7e5}.bg.bg--js{color:#000;background-color:#efd81d}.bg.bg--python{color:#fff;background-color:#3776ab}.bg.bg--ai{color:#fff;background-color:#6c4b9b}.bg.bg--vue{color:#32475b;background-color:#3fb27f}.bg.bg--react{color:#61dafb;background-color:#20232a}.box span.title{text-transform:uppercase;color:#000;margin-bottom:20px;font-size:14px;font-weight:700;display:block}.box p{text-align:justify;line-height:28px}.box figure{margin-bottom:16px}.box span.subtitle{color:#000;font-size:14px;font-weight:600}.switch{background-color:#ededed;border-radius:100px;flex-direction:row;place-content:center;align-items:center;width:auto;padding:8px;display:flex}.switch>a,.switch>button{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:30px;flex-direction:row;place-content:center;align-items:center;height:30px;margin-left:5px;padding:8px 16px;font-weight:600;display:flex}.switch>a:first-of-type,.switch>button:first-of-type{margin-left:0}.switch>a.selected,.switch>button.selected{background-color:#fcfcfc;box-shadow:0 4px 4px #0000001a}.switch>a.selected:hover,.switch>button.selected:hover,.switch>a:hover,.switch>button:hover{background-color:#fcfcfc6b}.squared_list{flex-flow:wrap;place-content:center;align-items:center;gap:20px;width:100%;max-width:830px;margin:0 auto;display:flex}.squared_list .square{background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:column;place-content:center;align-items:center;width:170px;height:145px;display:flex}.squared_list .square figure{margin-bottom:23px}.squared_list .square small{color:#000c}.time_line{flex-direction:column;place-content:center;align-items:center;width:100%;display:flex;position:relative}.time_line:before{content:"";border-left:2px solid #0000001a;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.time_line .time_line_section{width:100%;max-width:1145px}.time_line .time_line_section .time_line__item{width:100%;max-width:530px}@media only screen and (width<=1199px){.time_line .time_line_section .time_line__item{max-width:100%}}.time_line .time_line_section .time_line__item{background:#fff;border-radius:20px;height:auto;padding:40px;position:relative;box-shadow:0 2px 4px #0000001a}.time_line .time_line_section .time_line__item:after{content:"";background:#fff;width:10px;height:10px;position:absolute;top:51px;right:-3px;transform:rotate(-45deg);box-shadow:2px 3px 3px #0000001a}.time_line .time_line_section .time_line__item:before{content:"";background-color:#b3b3b3;border:4px solid #fcfcfc;border-radius:50%;width:18px;height:18px;position:absolute;top:44px;right:-56px}.time_line .time_line_section .time_line__item header{-webkit-user-select:none;user-select:none;position:relative}.time_line .time_line_section .time_line__item header .arrow{top:-18px;right:-32px;transform:scale(.2)}.time_line .time_line_section .time_line__item h5{margin-bottom:16px;font-size:24px;font-weight:700}.time_line .time_line_section .time_line__item small{letter-spacing:.05em;text-transform:uppercase;color:#0009}.time_line .time_line_section .time_line__item p{color:#949292;text-align:justify;margin-top:24px;line-height:24px}.time_line .time_line_section .time_line__item footer{flex-direction:row;place-content:center space-between;align-items:center;margin-top:35px;display:flex}.time_line .time_line_section .time_line__item footer ul{flex-flow:wrap;place-content:center flex-start;align-items:center;gap:16px;display:flex}.time_line .time_line_section .time_line__item footer ul .tech-icon{width:auto;height:26px}.time_line .time_line_section .time_line__item footer a{border:1px solid #b3b3b3;border-radius:8px;flex-direction:column;place-content:center;align-items:center;width:48px;height:48px;display:flex}.time_line .time_line_section{flex-direction:row;place-content:center flex-start;align-items:center;display:flex}.time_line .time_line_section:nth-child(2n){justify-content:flex-end}.time_line .time_line_section:nth-child(2n) .time_line__item:after{right:unset;left:-3px;box-shadow:-2px -3px 3px #0000001a}.time_line .time_line_section:nth-child(2n) .time_line__item:before{right:unset;left:-56px}@media only screen and (width<=1199px){.time_line{padding-right:10px}.time_line:before{left:15px}.time_line .time_line_section .time_line__item{margin-bottom:25px;margin-left:40px}.time_line .time_line_section .time_line__item:after{right:unset;left:-3px;box-shadow:-2px -3px 3px #0000001a}.time_line .time_line_section .time_line__item:before{right:unset;left:-37px}.time_line .time_line_section:last-child{margin-bottom:0}.time_line .time_line_section:nth-child(2n){justify-content:flex-start}.time_line .time_line_section:nth-child(2n) .time_line__item:after{right:unset;left:-3px;box-shadow:-2px -3px 3px #0000001a}.time_line .time_line_section:nth-child(2n) .time_line__item:before{right:unset;left:-37px}}.arrow{border-radius:4px;width:2.8em;height:2.8em;margin:1em auto;padding:.5em;display:block;position:absolute}.arrow .left-bar{float:right;background-color:#0000;border-radius:2px;width:40px;height:10px;display:block;position:absolute;top:0;left:0;transform:rotate(35deg)}.arrow .left-bar:after{content:"";float:right;z-index:-1;background-color:#000;border-radius:6px 10px 10px 6px;width:40px;height:10px;transition:all .5s cubic-bezier(.25,1.7,.35,.8);display:block}.arrow .right-bar{float:right;background-color:#0000;border-radius:2px;width:40px;height:10px;display:block;position:absolute;top:0;left:26px;transform:rotate(-35deg)}.arrow .right-bar:after{content:"";float:right;z-index:-1;background-color:#000;border-radius:10px 6px 6px 10px;width:40px;height:10px;transition:all .5s cubic-bezier(.25,1.7,.35,.8);display:block}.arrow.open .left-bar:after{transform-origin:50%;transform:rotate(-70deg)}.arrow.open .right-bar:after{transform-origin:50%;transform:rotate(70deg)}.button{color:#fff;background-color:#007acd;border:1px solid #007acd;border-radius:10px;flex-direction:column;place-content:center;align-items:center;width:auto;max-width:356px;height:64px;padding:0 100px;font-size:20px;font-weight:700;transition:all .1s;display:flex}.button:hover{transform:translateY(-3px)}.certified{background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:row;place-content:center flex-start;align-items:center;width:100%;max-width:945px;height:auto;min-height:147px;margin-bottom:16px;padding:24px;display:flex}.certified figure{margin-right:24px}.certified .certified_content{flex-direction:row;place-content:center space-between;align-items:center;width:100%;min-width:0;display:flex}.certified .certified_content .title{color:#000;margin-bottom:12px;margin-right:20px;font-size:20px;font-weight:700}.certified .certified_content .certifier{color:#0009}@media only screen and (width<=575px){.certified .certified_content,.certified .certified_content .certified_data{flex-direction:column;place-content:center;align-items:center;display:flex}.certified .certified_content .certified_data .title{text-align:center;margin-right:0}}@media only screen and (width<=359px){.certified{padding:16px}.certified figure{margin-right:12px}.certified figure .certifier-logo{width:72px;height:72px}}.certified .certified_time{flex-direction:column;place-content:center;align-items:center;display:flex}.certified .certified_time span{color:#0006;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.certified .certified_time a{color:#007acd;background-color:#fff;border:1px solid #007acd;border-radius:4px;flex-direction:row;place-content:center;align-items:center;width:155px;padding:10px 20px;display:flex}.certified .certified_time a:hover{color:#fff;background-color:#007acd}header.container{height:46px;margin-bottom:109.7px;padding-top:41px}@media only screen and (width<=575px){header.container{height:98px;margin-bottom:50px}}@media only screen and (width>=576px){header.container>nav.top_nav{flex-direction:row;place-content:center space-between;align-items:center;display:flex}}@media only screen and (width<=575px){header.container>nav.top_nav{flex-direction:column;place-content:center;align-items:center;gap:8px;display:flex}}header.container>nav.top_nav ul.menu{flex-direction:row;place-content:center;align-items:center;display:flex}header.container>nav.top_nav ul.menu .menu-label{font-weight:inherit}header.container>nav.top_nav ul.menu .menu-icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:none}header.container>nav.top_nav ul.menu li{margin-right:40px}header.container>nav.top_nav ul.menu li:last-of-type{margin-right:0}header.container>nav.top_nav ul.menu li a{color:#0006;font-weight:600}header.container>nav.top_nav ul.menu li a:hover,header.container>nav.top_nav ul.menu li a.active{color:#000}@media only screen and (width<=991px){header.container>nav.top_nav ul.menu{gap:12px}header.container>nav.top_nav ul.menu li{margin-right:0}header.container>nav.top_nav ul.menu li a{flex-direction:row;place-content:center;align-items:center;width:44px;height:44px;display:flex}header.container>nav.top_nav ul.menu .menu-label{display:none}header.container>nav.top_nav ul.menu .menu-icon{display:block}}header.container>nav.top_nav div.net-and-lang{flex-direction:row;place-content:center flex-start;align-items:center;display:flex}header.container>nav.top_nav div.net-and-lang ul.networks{flex-direction:row;place-content:center;align-items:center;display:flex}header.container>nav.top_nav div.net-and-lang ul.networks li{margin-right:27px}@media only screen and (width<=359px){header.container>nav.top_nav div.net-and-lang ul.networks li{margin-right:16px}}header.container>nav.top_nav div.net-and-lang ul.networks li a .social-icon{width:19.5px;height:19.5px;transition:all .1s}header.container>nav.top_nav div.net-and-lang ul.networks li a:hover .social-icon{transform:translateY(-2px)}header.container>nav.top_nav div.net-and-lang ul.networks li:last-of-type{margin-right:28.65px}@media only screen and (width<=359px){header.container>nav.top_nav div.net-and-lang ul.networks li:last-of-type{margin-right:16px}}.about{flex-direction:column;place-content:center;align-items:center;display:flex;position:relative}.about .about__presentation{text-align:center;margin-bottom:40px}.about .about__presentation .greeting{margin-bottom:24px;font-family:Consolas,monospace;font-size:20px;font-weight:700}.about .about__presentation h1,.about .about__presentation h2{color:#000;font-size:64px}.about .about__presentation .js-web-developer{font-size:56px;line-height:1.45536}@media only screen and (width<=575px){.about .about__presentation h1{font-size:55px}}.about .about__profile{width:100%;max-width:1150px;position:relative}@media only screen and (width>=576px){.about .about__profile{flex-direction:row;place-content:center space-between;align-items:center;height:659.23px;display:flex}}.about .about__profile .about__education,.about .about__profile .about__stats{max-width:310px}.about .about__profile .about__photo{text-align:center;position:absolute;top:0;left:50%;transform:translate(-50%)}.about .about__profile .about__photo figure{--photo-zoom:148%;--photo-position:29% 45%;background-image:url(/images/me_japan.jpg);background-position:var(--photo-position);background-repeat:no-repeat;background-size:var(--photo-zoom) auto;border-radius:30px;width:360px;height:632px;margin-bottom:23.77px}.about .about__profile .about__photo small{color:#000c;font-size:1rem;font-weight:400}.about .about__profile .about__stats{margin-left:60px}.about .about__profile .about__stats ul li{margin-bottom:48px}.about .about__profile .about__stats ul li:last-of-type{margin-bottom:0}.about .about__profile .about__education .box{margin-bottom:48px}.about .about__profile .about__education .box:last-of-type{margin-bottom:0}.about .about__profile .about__education{margin-bottom:60px}@media only screen and (width<=767px){.about .about__profile{flex-direction:column-reverse;place-content:center flex-start;align-items:center;height:100%;padding-top:720px;display:flex}.about .about__profile .about__stats{margin-bottom:50px;margin-left:0}.about .about__profile .about__stats ul{flex-wrap:wrap;display:flex}}@media only screen and (width>=768px) and (width<=991px){.about .about__profile{height:auto;min-height:659.23px}.about .about__profile .about__stats{margin-left:0}.about .about__profile .about__stats .stat{max-width:170px}.about .about__profile .about__education{max-width:140px}.about .about__profile .about__education .education{text-align:center;position:absolute;bottom:-118px;left:50%;transform:translate(-50%)}.about .about__profile .about__education .education .title{display:none}}@media only screen and (width>=992px) and (width<=1199px){.about .about__profile .about__stats{margin-left:40px}.about .about__profile .about__education{max-width:270px}}@media only screen and (width<=575px){.about .about__profile{padding-top:min(720px,175.556vw + 31.8222px)}.about .about__profile .about__photo{width:min(360px,100vw - 32px)}.about .about__profile .about__photo figure{aspect-ratio:360/632;width:100%;height:auto}}.about .lets-talk{position:absolute;top:107px;right:117px}@media only screen and (width<=1439px){.about .lets-talk{display:none}}.about .lets-talk a{background-color:#007acd;border-radius:50%;flex-direction:column;place-content:center;align-items:center;width:140px;height:140px;transition:all .2s ease-in-out;display:flex}.about .lets-talk a span{color:#fcfcfc;text-transform:uppercase;letter-spacing:.02em;margin-top:10px;font-weight:700}.about .lets-talk .border{z-index:-1;background-color:#0000;border:1px solid #0000001a;border-radius:50%;width:184px;height:184px;transition:all .2s ease-in-out;position:absolute;top:-22px;right:-21px}.about .lets-talk:hover a{transform:scale(1.1)}.about .lets-talk:hover .border{transform:scale(.85)}.experience{flex-direction:column;place-content:center;align-items:center;margin-top:90px;display:flex}.experience>div{flex-direction:column;place-content:center;align-items:center;margin-bottom:40px;display:flex}.experience>div:last-of-type{margin-bottom:0}.experience>h2{color:#0006;text-transform:uppercase;margin-bottom:32px;font-size:14px;font-weight:700}.experience .an_exp h3{color:#000;font-size:48px;font-weight:700}.experience small{margin-bottom:16px}.experience p{text-align:center;width:100%;max-width:630px;line-height:28px}.experience .bemobile-point{color:#f7088b}@media only screen and (width<=575px){.experience{margin-top:0}.experience h2,.experience h3{text-align:center}}@media only screen and (width>=768px) and (width<=991px){.experience{margin-top:320px}}.experience{margin-bottom:60px}.soft_skills{flex-direction:column;place-content:center;align-items:center;margin-bottom:60px;display:flex}@media only screen and (width<=767px){.soft_skills{align-items:flex-start;margin-left:10px}}.soft_skills .soft_skills_title{color:#fff;text-transform:uppercase;background:#000;border-radius:30px;flex-direction:column;place-content:center;align-items:center;width:155px;margin-bottom:70px;padding:16px 24px;font-weight:700;display:flex;position:relative}@media only screen and (width>=768px){.soft_skills .soft_skills_title:before{content:"";border-bottom:2px dashed #000;width:546px;height:1px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.soft_skills .soft_skills_title:after{content:"";border-left:2px dashed #000;width:1px;height:24px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%)}}@media only screen and (width<=767px){.soft_skills .soft_skills_title{margin-bottom:10px}.soft_skills .soft_skills_title:before{content:"";border-left:2px dashed #000;width:1px;height:225px;position:absolute;bottom:-221px;left:25px}}.soft_skills .soft_skills_lines{flex-direction:column;place-content:center;align-items:center;display:flex}.soft_skills .soft_skills_lines .words{width:110%;margin-top:8px}@media only screen and (width>=768px){.soft_skills .soft_skills_lines .words{flex-direction:row;place-content:center space-between;align-items:center;display:flex}}.soft_skills .soft_skills_lines .words span{color:#000;text-align:center;width:121px;font-size:14px;font-weight:700;position:relative}@media only screen and (width>=768px){.soft_skills .soft_skills_lines .words span:before{content:"";border-left:2px dashed #000;width:1px;height:46px;position:absolute;top:-54px;left:50%;transform:translate(-50%)}}@media only screen and (width<=767px){.soft_skills .soft_skills_lines .words{flex-direction:column;place-content:center flex-start;align-items:center;margin-left:80px;display:flex}.soft_skills .soft_skills_lines .words span{text-align:left;margin-bottom:30px}.soft_skills .soft_skills_lines .words span:before{content:"";border-bottom:2px dashed #000;width:46px;height:1px;position:absolute;top:50%;left:-54px;transform:translateY(-50%)}}.professional_skills{flex-direction:column;place-content:center;align-items:center;display:flex}.professional_skills .switch{flex-wrap:wrap;gap:5px;max-width:100%;height:auto;margin-bottom:35px}.professional_skills .switch button{color:#000;min-height:48px;font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:30px;margin-left:0;padding:8px 16px;font-weight:600;line-height:1.4}.professional_skills .switch button.selected{background:#fcfcfc;box-shadow:0 4px 4px #0000001a}.professional_skills .switch button:hover{background:#fcfcfc6b}.professional_skills .switch button:focus-visible{outline-offset:2px;outline:2px solid #007acd}.professional_skills .skills_panel{width:100%}.professional_skills .skills_panel:focus-visible{outline-offset:6px;outline:2px solid #007acd}@media only screen and (width<=575px){.professional_skills .switch{border-radius:40px;width:95%}}.professional_skills{margin-bottom:90px}.projects{flex-direction:column;place-content:center;align-items:center;display:flex}.projects h2{color:#000;font-size:48px;font-weight:700}.projects p{text-align:center;width:100%;max-width:630px;line-height:28px}@media only screen and (width<=575px){.projects{margin-top:0}.projects h2{text-align:center}}@media only screen and (width>=768px) and (width<=991px){.projects{margin-top:70px}}.projects .time_line{margin-top:88px}.projects .load_more{margin-top:50px}.projects{padding-bottom:80px}.projects-border{border-bottom:1px solid #0000001a;margin-bottom:80px}.certificates{flex-direction:column;place-content:center;align-items:center;display:flex}.certificates .list-of-certificates{max-width:min(945px,100%)}.certificates h2{color:#000;font-size:48px;font-weight:700}.certificates>p{text-align:center;width:100%;max-width:630px;margin-bottom:56px;line-height:28px}@media only screen and (width<=575px){.certificates{margin-top:0}.certificates h2{text-align:center}.certificates .list-of-certificates{padding:10px}}@media only screen and (width>=768px) and (width<=991px){.certificates{margin-top:70px}}.certificates .load_more{margin-top:24px}.certificates{margin-bottom:80px}.footer{flex-direction:row;place-content:center space-between;align-items:center;width:100%;padding:50px;display:flex}.footer a{color:#000}.footer a:hover{color:#007acd}@media only screen and (width<=575px){.footer{flex-direction:column;place-content:center;align-items:center;display:flex}.footer a{margin-top:20px}}