@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";.App{color:#f1f1f1;font-family:Roboto,sans-serif;background-image:url(/assets/background-3d4dfffb.webp);background-repeat:repeat-y;background-size:contain}.Hero{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:75rem;padding:1% 10%}.Hero__icon{margin-right:1rem}.Hero__info{flex-basis:30%;margin-bottom:2rem;min-width:18rem}.Hero__info>h1{font-family:Noto Sans JP,sans-serif;font-size:2.5rem;margin-block-end:.5rem}.Hero__info>img{width:15rem;transition:transform 3s ease}.Hero__info>img:hover{transform:rotateY(180deg)}.Hero__info>ul{list-style:none;margin:0;padding:0}.Hero__image{flex-basis:60%;margin-top:4rem;min-width:18rem}.Hero__image>img{width:70%}.Hero__link{color:#3ec2ff;font-size:1.25rem;text-decoration:none}.Hero__link:hover{color:#f1f1f1;text-decoration:underline}.Hero__title{font-family:Noto Sans JP,sans-serif;margin-bottom:2em}.Curriculum{margin:0 auto;max-width:75rem;padding:1% 5%;text-align:center}.Curriculum>nav{margin-top:2.5rem}.Curriculum__selection{background-color:#3ec2ff;background-image:linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-moz-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-ms-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-o-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3ec2ff),color-stop(1,#3ec2ff));background-image:-webkit-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);border-color:transparent;border-radius:5px;box-shadow:inset 0 1px #3ec2ff,0 5px #052756b3,0 10px 5px #f1f1f180;color:#f1f1f1;cursor:pointer;font-family:Open Sans,sans-serif;font-size:20px;margin:2rem;padding:.5rem 10px;position:relative;text-decoration:none;-moz-border-radius:5px;-moz-box-shadow:inset 0px 1px 0px #3ec2ff,0px 5px 0px 0px rgba(5,39,86,.7),0px 10px 5px rgba(241,241,241,.5);-o-border-radius:5px;-o-box-shadow:inset 0px 1px 0px #3ec2ff,0px 5px 0px 0px rgba(5,39,86,.7),0px 10px 5px rgba(241,241,241,.5);-webkit-border-radius:5px;-webkit-box-shadow:inset 0px 1px 0px #3ec2ff,0px 5px 0px 0px rgba(5,39,86,.7),0px 10px 5px rgba(241,241,241,.5)}.Curriculum__selection:active,.Curriculum__selection--true{background-image:linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-moz-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-ms-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-o-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3ec2ff),color-stop(1,#3ec2ff));background-image:-webkit-linear-gradient(bottom,#3ec2ff 0%,#3ec2ff 100%);box-shadow:inset 0 1px #3ec2ff,0 2px #052756b3,0 5px 3px #f1f1f180;top:3px;-moz-box-shadow:inset 0px 1px 0px #3ec2ff,0px 2px 0px 0px rgba(5,39,86,.7),0px 5px 3px rgba(241,241,241,.5);-o-box-shadow:inset 0px 1px 0px #3ec2ff,0px 2px 0px 0px rgba(5,39,86,.7),0px 5px 3px rgba(241,241,241,.5);-webkit-box-shadow:inset 0px 1px 0px #3ec2ff,0px 2px 0px 0px rgba(5,39,86,.7),0px 5px 3px rgba(241,241,241,.5)}.Curriculum__selection:active:before{box-shadow:inset 0 1px #3ec2ff80,0 3px #052756e6,0 6px 3px #05275666;margin-top:-12px;top:50%;-moz-box-shadow:inset 0px 1px 0px rgba(62,194,255,.5),0px 3px 0px rgba(5,39,86,.9),0px 6px 3px rgba(5,39,86,.4);-o-box-shadow:inset 0px 1px 0px rgba(62,194,255,.5),0px 3px 0px rgba(5,39,86,.9),0px 6px 3px rgba(5,39,86,.4);-webkit-box-shadow:inset 0px 1px 0px rgba(62,194,255,.5),0px 3px 0px rgba(5,39,86,.9),0px 6px 3px rgba(5,39,86,.4)}.Curriculum__selection:hover,.Curriculum__selection--true{opacity:.9}.Education{border-left:2px solid rgba(241,241,241,.1);border-right:2px solid rgba(241,241,241,.1);justify-content:space-evenly;list-style:none;margin-top:2rem;min-height:10rem;padding:1rem 0}.Education__item{background-color:#474747cc;border-left:2px solid rgba(62,194,255,.5);box-shadow:0 .125rem .25rem #f1f1f113!important;flex-basis:25%;margin:-2px 1rem 2rem;min-width:18rem;padding:2rem;text-align:justify}.Education__item>a{color:#f1f1f166;display:block;float:right;font-size:80%;position:relative}.Education__item>h2{font-weight:600}.Education__description:after{height:2px;margin-left:1rem;top:50%}.Education__year{position:relative;float:right}.Experience{list-style:none;justify-content:space-evenly;margin-top:2rem;min-height:10rem;padding:1rem 0}.Experience__achievements{margin-right:10%}.Experience__company{display:flex;position:absolute;right:2rem}.Experience__company>a{color:#3ec2ff;display:block;font-size:1rem;text-decoration:none}.Experience__company>a:hover{color:#f1f1f1;text-decoration:underline}.Experience__content{display:flex;flex-wrap:wrap;gap:2rem}.Experience__detail{margin-top:1rem}.Experience__detail:after{margin-top:1rem;height:2px;margin-left:1rem;top:50%}.Experience__item{background-color:#474747cc;border-left:2px solid rgba(62,194,255,.5);box-shadow:0 .125rem #f1f1f113;flex-basis:25%;margin:-2px 1rem 2rem;min-width:18rem;padding:2rem;position:relative;text-align:justify}.Experience__item:before{background:rgb(71,71,71);border:2px solid rgba(62,194,255,.5);border-radius:50px;content:"";height:16px;left:-9px;position:absolute;top:0;width:16px}.Experience__logo{background-color:#f1f1f1bf;border-radius:5px;display:flex;position:absolute;right:2rem;top:1rem;width:15%}.Experience__title{font-size:2rem;font-weight:700}.Experience__tools>a{background-color:#f1f1f1;border-radius:20px;color:#474747;cursor:pointer;font-size:10px;margin:.1rem;opacity:.4;padding-left:8px;padding-right:8px}.Experience__year{right:2rem;position:absolute}.Skill{background-color:#474747cc;border:1px solid rgb(62,194,255);border-radius:15px;margin:10px auto 100px;padding:2rem;text-align:left;width:50%}.Skill>img{margin-right:30px;width:15%}.Skill>p{font-size:.9;line-height:2}.Skill>p>label{font-size:1.1em;display:block}.Skill__left{float:left}.Skill__right{float:right}.Skills{border-left:2px solid rgba(71,71,71,.1);border-right:2px solid rgba(71,71,71,.1);justify-content:space-evenly;list-style:none;margin-top:2rem;min-height:10rem;padding:1rem 0}.Skills__title{background:linear-gradient(rgb(71,71,71),rgb(62,194,255),rgb(241,241,241));color:transparent;font-family:Noto Sans JP,sans-serif;font-size:2rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 5px rgb(5,39,86),0 0 20px rgb(62,194,255);transform:translateY(-50%);-webkit-background-clip:text}.Portfolio{margin:0 auto;max-width:75rem;padding:5% 10%}.Portfolio__title{background:linear-gradient(rgb(71,71,71),rgb(62,194,255),rgb(241,241,241));color:transparent;font-family:Noto Sans JP,sans-serif;font-size:2rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 5px rgb(5,39,86),0 0 20px rgb(62,194,255);transform:translateY(-50%);-webkit-background-clip:text}.Work{background-color:#474747cc;border-image:linear-gradient(to bottom,rgb(62,194,255),rgb(71,71,71)) 1 100%;border-style:solid;border-width:3px;display:flex;flex-wrap:wrap;margin:2rem 0}.Work__back{grid-column:1;grid-row:1;justify-self:start}.Work__collaborator{display:flex;flex-wrap:wrap;font-size:small}.Work__description{flex-basis:35%;float:left;margin:1rem 3rem;max-width:500px;min-width:18rem;position:relative}.Work__description>a{color:#3ec2ff;display:block;font-size:3.2em}.Work__description>a:hover{color:#f1f1f1;text-decoration:underline}.Work__description>p{max-width:40rem;overflow:visible}.Work__next{grid-column:3;grid-row:1;justify-self:end}.Work__screenshot{flex-basis:35%;margin:2rem;max-width:50rem;min-width:20rem;position:relative}.Work__screenshot>a{align-items:start;display:grid;grid-template-columns:80px 1fr 80px;opacity:0;visibility:hidden;width:100%}.Work__screenshot>div{cursor:pointer}.Work__screenshot>img{cursor:pointer;margin-top:2rem;width:100%}.Work__screenshot>span{background-color:#f1f1f1cc;bottom:0;box-sizing:border-box;color:#474747;height:2rem;left:0;top:0;opacity:0;padding:10px;position:absolute;transition:opacity .3s;visibility:hidden;width:100%}.Work__screenshot:hover span{opacity:1;visibility:visible}.Work__screenshot:hover span+a{opacity:1;visibility:visible}.Work__tecnologies{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:2;grid-row:1;justify-content:center;justify-self:center;margin:0;position:relative;width:100%}.Work__tecnologies>b{background-color:#f1f1f1;border-radius:20px;color:#474747;display:inline-block;font-size:10px;margin:0;opacity:.4;padding:4px 10px;text-align:center;white-space:nowrap}.Contact{margin-top:.5rem;color:#f1f1f1cc;font-weight:600;cursor:pointer}.Contact:hover{color:#f1f1f1}.Contact__option{visibility:hidden;width:6rem;background-color:#474747;text-align:center;border-radius:6px;padding:.35rem 0;position:absolute;z-index:1}.Contact__option>a{text-decoration:none}.Contact__option>a>img{width:30%}.Contact:hover .Contact__option{visibility:visible}.Footer{background-image:url(/assets/footer-6d455b18.jpeg);background-position:center center;background-size:cover;background-repeat:no-repeat;padding:3rem 0;position:relative;width:100%;height:auto}.Footer:before{background-color:#000000a1;content:"";position:absolute;top:0px;right:0px;bottom:0px;left:0px}.Footer>section{color:#f1f1f1;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:105rem;margin:auto;margin-top:3rem;position:relative}.Footer__info{display:flex;flex-direction:column;padding:1rem 2rem;margin-bottom:2rem}.Footer__info>h2{letter-spacing:6px;margin-bottom:1.5rem;font-weight:700}.Footer__about{margin-left:1rem}.Footer__about>div{margin:0 auto;width:50%}.Footer__about>p{max-width:20rem;margin-top:1.3rem;font-weight:1000;color:#f1f1f180;font-size:18px}.Footer__logo{width:5rem}.Footer__copyright{color:#474747;max-width:105rem;margin:3rem auto auto;text-align:center;padding:0 2.5rem;position:relative}.Footer__copyright>p{margin-top:1.2rem;color:#f1f1f180}.Footer__copyright>hr{border:none;height:1px;background-color:#f1f1f1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}