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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0}.App{background-image:url(../../static/media/4852238.e0ccf0f532b13f571056.jpg);background-size:100%;font-family:Raleway,serif;height:100vh;width:100vw}.main-mybio{background-color:#fff;border-radius:50px;box-shadow:15px 15px 25px 0 #00000040;margin:8.5% 2.5% 5% 5%;padding:0;width:20%}.main-content,.main-mybio{float:left;height:70vh;position:relative}.main-content{margin:7.5% 5% 5% 2.5%;width:55%}.main-content-text{background-color:#fff;border-radius:0 0 50px 50px;box-shadow:15px 15px 25px 0 #00000040;height:70vh;position:relative;width:100%;z-index:1}.main-mybio>img{border-radius:30px;left:35%;position:absolute;text-align:center;top:-70px}@media screen and (max-width:1800px){.main-mybio{height:80vh;margin:8.5% 2.5% 5% 5%;position:relative;width:20%}.main-content-text{background-color:#fff;height:80vh;width:100%}.main-content{margin:7% 2.5%;width:60%}.main-mybio>img{left:30%}}@media screen and (max-width:1400px){.main-mybio{border-radius:100px 0 0 100px;margin-right:0}.main-content-text{background-color:#fff;height:80vh;width:100%}.main-content{margin-left:0;width:70%}.main-content-text{border-radius:0 0 100px 0;margin-left:0}.main-mybio>img{height:120px;left:30%;width:120px}}@media screen and (max-width:1000px){.main-mybio>img{left:20%}.main-mybio{border-radius:0;margin:12% 0;width:25%}.main-content-text{background-color:#fff;height:80vh;width:100%}.main-content{margin:10% 0;width:75%}.main-content-text{border-radius:0;margin-left:0}}@media screen and (max-width:700px){.main-mybio{float:none;height:40vh;margin-bottom:100px;width:100%}.main-content-text{background-color:#fff;border-radius:0;height:80vh;margin-left:0;width:100%}.main-content{float:none;margin:10% 0;width:100%}.main-mybio>img{float:left;height:80px;left:0;margin:20px;position:relative;top:0;width:80px}}@media screen and (max-width:550px){.main-mybio{height:55vh;margin-top:0}.main-mybio>img{height:100px;margin:10px;width:100px}.main-content-text{height:100vh}}.main-header{color:#333;font-family:Raleway,serif;font-size:24px;height:60px;padding:20px 0;position:absolute;top:-50px;width:100%;z-index:0}.main-header-list{float:left;font-size:14px;height:100%;width:100%}.main-header-list>ul{height:100%;list-style-type:none;margin:0;padding:0}.main-header-list>ul>li{background-color:#eee;border:1px solid #eee;border-radius:20px 20px 0 0;cursor:pointer;float:left;font-size:16px;font-weight:600;height:100%;letter-spacing:2px;margin:0 2.5%;padding-top:20px;position:relative;text-align:center;text-transform:uppercase;width:15%}.main-header-list>ul>li:first-child{margin-left:0}.main-header-list>ul>li:last-child{margin-right:0;padding:20px 2% 0}.main-header-list>ul>li:hover{background-color:#fff!important;color:#3f1eb6!important}@media screen and (max-width:1800px){.main-header-list>ul>li:last-child{margin-right:0;padding:20px 1.5% 0}}@media screen and (max-width:1400px){.main-header-list>ul>li:last-child{margin-right:0;padding:20px 1.5% 0}.main-header-list>ul>li{font-size:12px}}@media screen and (max-width:1000px){.main-header-list>ul>li{font-size:10px;letter-spacing:0}}@media screen and (max-width:700px){.main-header-list>ul>li{margin:0 2%}}@media screen and (max-width:550px){.main-header{top:-60px}.main-header-list>ul>li{font-size:8px;margin:0;width:18.5%}}.main-aboutme-bg{margin:20px}.main-aboutme{padding:40px}.main-aboutme>hr{background-color:#3f1eb6;height:4px;margin:0;width:30%}.main-aboutme-text-do-box{border:1px solid #3f1eb6;border-radius:20px;float:left;height:140px;margin:0 5% 2.5%;width:39%}.main-aboutme-text-do-box-img{background-color:#3f1eb6;border-radius:20px 0 0 20px;float:left;height:50px;margin-right:5%;padding-bottom:45px;padding-top:45px;text-align:center;width:25%}.main-aboutme-text-do-box-desc{float:left;padding-top:10px;width:70%}.main-aboutme-text-do-box-desc>h3{margin-bottom:0}.main-aboutme-text-do-box-desc>p{font-size:14px;margin-top:5px;padding-right:40px}.main-aboutme-text-lang-box{float:left;position:relative;width:40%}.main-aboutme-text-lang-box>p{margin-top:0}.main-aboutme-text-lang-bar-pl{width:80%}.main-aboutme-text-lang-bar-eng,.main-aboutme-text-lang-bar-pl{background-color:#3f1eb6;color:#3f1eb6;height:6px;margin:0;position:absolute}.main-aboutme-text-lang-bar-eng{width:60%}.main-aboutme-text-lang-bar-ch,.main-aboutme-text-lang-bar-jp{background-color:#3f1eb6;color:#3f1eb6;height:6px;margin:0;position:absolute;width:20%}.main-aboutme-text-lang-bar-full{height:6px;margin:0;width:80%}@media screen and (max-width:1400px){.main-aboutme-text-lang-box{width:50%}.main-aboutme-text-do-box{border:1px solid #3f1eb6;border-radius:20px;float:left;height:140px;margin:0 5% 2.5%;width:39%}.main-aboutme-text-do-box-desc>p{font-size:12px}.main-aboutme-text-do-box-desc>h3{font-size:14px}}@media screen and (max-width:1000px){.main-aboutme-text>p{font-size:14px}.main-aboutme-text-do-box{clear:both;height:100px;width:80%}.main-aboutme-text-do-box-img{height:60px;padding-bottom:20px;padding-top:20px}.main-aboutme-text-do-box-img>svg{width:30px}}@media screen and (max-width:700px){.main-aboutme-text>p{font-size:12px}.main-aboutme-text-do-box{clear:both;height:90px;width:80%}.main-aboutme-text-do-box-img{height:60px;padding-bottom:20px;padding-top:10px}.main-aboutme-text-do-box-desc>h3{margin-top:0}.main-aboutme-text-do-box-desc>p{font-size:10px}.main-aboutme-text-lang-box>p{font-size:12px}}@media screen and (max-width:550px){.main-aboutme-bg{margin:0}.main-aboutme{padding:10px}.main-aboutme-text>p{font-size:10px}.main-aboutme-text-do-box{height:80px}.main-aboutme-text-do-box-img{height:50px}.main-aboutme-text-do-box-desc>p{font-size:8px}.main-aboutme-text-lang-box>p{font-size:10px}.main-aboutme-text-do>h2,.main-aboutme-text-lang>h2{font-size:16px}.main-aboutme>h1{font-size:18px}}.mainInfo{margin:100px 0;text-align:center}.mainInfo>h1{font-weight:300;margin-bottom:0}.mainInfo>h4{border-radius:20px;margin:20px auto;padding:5px;width:60%}.mainInfo-hobby,.mainInfo>h4{background-color:#f4f8f9;color:#444}.mainInfo-hobby{font-weight:600;margin:0;padding:10px 40px;text-align:left}.mainInfo-icons{height:50px;margin:0 auto;width:120px}.mainInfo-icons-box{float:left;margin:5px}.mainInfo-icons-box>a>svg:hover{color:#3f1eb6!important;cursor:pointer}.mainInfo-context{margin:0 auto;width:70%}.mainInfo-context-break{clear:both}.mainInfo-context-email>p,.mainInfo-context-email>svg,.mainInfo-context-location>p,.mainInfo-context-location>svg,.mainInfo-context-phonenumber>p,.mainInfo-context-phonenumber>svg{float:left;text-align:center}.mainInfo-context-email>p,.mainInfo-context-location>p,.mainInfo-context-phonenumber>p{color:#777;font-weight:600;margin:0 20px}.mainInfo-context-email,.mainInfo-context-location,.mainInfo-context-phonenumber{height:30px;margin:10px 0;width:100%}.mainInfo-context-location{margin-top:20px}.mainInfo-btn>button{background-color:#3f1eb6;border-radius:20px;box-shadow:15px 15px 25px 0 #00000040;color:#fff;font-size:18px;height:60px;margin-top:10px;width:220px}.mainInfo-btn>button>a{text-decoration:none}.mainInfo-btn>button>a>span{bottom:3px;color:#fff;font-size:18px;margin-left:10px;position:relative;text-decoration:none}.mainInfo-btn>button:hover{background-color:#4d25dd;cursor:pointer}.mainInfo-btn>button>svg{margin-right:10px}@media screen and (max-width:1800px){.mainInfo{margin:100px 0;text-align:center}.mainInfo>h1{font-size:24px;font-weight:300;margin-bottom:0}.mainInfo>h4{background-color:#f4f8f9;border-radius:20px;color:#444;font-size:14px;margin:20px auto;padding:5px;width:60%}}@media screen and (max-width:1400px){.mainInfo{margin:100px 0;text-align:center}.mainInfo>h1{font-size:24px;font-weight:300;margin-bottom:0}.mainInfo>h4{background-color:#f4f8f9;border-radius:20px;color:#444;margin:20px auto;padding:5px;width:60%}.mainInfo-hobby,.mainInfo>h4{font-size:14px}.mainInfo-context-email>p,.mainInfo-context-location>p,.mainInfo-context-phonenumber>p{font-size:12px;margin:0 10px}.mainInfo-btn>button{height:60px;width:180px}.mainInfo-btn>button>a>span{font-size:14px}.mainInfo-btn>button>a>svg{height:20px;width:20px}}@media screen and (max-width:1000px){.mainInfo{margin-top:70px}.mainInfo>h1{font-size:18px;margin-top:0}.mainInfo-context-email>svg,.mainInfo-context-location>svg,.mainInfo-context-phonenumber>svg{display:none}.mainInfo-hobby{font-size:12px}.mainInfo-context-email>p,.mainInfo-context-location>p,.mainInfo-context-phonenumber>p{font-size:14px;margin:0 auto}.mainInfo-context-email,.mainInfo-context-location,.mainInfo-context-phonenumber{height:20px}.mainInfo-btn>button{height:50px;width:140px}.mainInfo-btn>button>a>span{font-size:12px}.mainInfo-icons{margin:0 60px}.mainInfo-icons-box>a>svg{height:20px;width:20px}}@media screen and (max-width:700px){.mainInfo{height:200px;margin:0}.mainInfo>h1{float:left;font-size:28px;margin-top:10px;width:100%}.mainInfo>h4{border-radius:0;font-size:18px;margin-top:0;width:auto;width:100%}.mainInfo-hobby,.mainInfo>h4{background-color:#fff;float:left}.mainInfo-hobby{padding:10px;width:60%}.mainInfo-hobby>p{margin:0}.mainInfo-icons{clear:both;float:left;height:110px;margin:auto 20px;width:50px}.mainInfo-context{margin:10px;width:100%}.mainInfo-context-email,.mainInfo-context-location,.mainInfo-context-phonenumber{float:left;height:20px;margin-top:20px;width:30%}.mainInfo-btn{height:80px;width:90%}.mainInfo-btn>button{margin-top:40px;width:200px}.mainInfo-context-break{clear:none}}@media screen and (max-width:550px){.mainInfo>h1,.mainInfo>h4{padding-left:20px;text-align:left;width:90%}.mainInfo-hobby{padding:0;width:70%}.mainInfo-icons{width:30px}.mainInfo-context{width:96%}.mainInfo-context-email,.mainInfo-context-location,.mainInfo-context-phonenumber{float:left;height:20px;width:25%}.mainInfo-context-email>p,.mainInfo-context-location>p,.mainInfo-context-phonenumber>p{font-size:10px}}.main-education-bg{margin:20px}.main-education{padding:40px}.main-education>hr{background-color:#3f1eb6;height:4px;margin:0;width:30%}.main-education-text-school{float:left;padding:2.5%;width:44%}.main-education-text-school:first-child{border-right:1px solid #ccc}.main-education-text-school-header{height:100px}.main-education-text-school-header>img{float:left;width:20%}.main-education-text-school-header>h2{float:left;padding:0 5%;width:70%}.main-education-text-school-context{background-color:#f5f5f5;border-radius:20px;padding:2.5% 5%}@media screen and (max-width:700px){.main-education{padding:10px}.main-education-text-school{clear:both;padding:0;width:100%}.main-education-text-school>p{font-size:14px}.main-education-text-school:first-child{border-right:none}.main-education-text-school-header>h2{margin-top:10px}.main-education-text-school-context>p{margin:0}}@media screen and (max-width:550px){.main-education-bg{margin:0}.main-education{padding:10px}.main-education>h1{font-size:18px}.main-education-text-school-header{height:80px}.main-education-text-school-header>h2{font-size:16px;margin-top:20px}.main-education-text-school-header>img{height:50px;margin-top:10px;width:50px}.main-education-text-school>p{font-size:10px}.main-education-text-school-context>p{font-size:12px}}.main-portfolio-bg{margin:20px}.main-portfolio{padding:40px}.main-portfolio>hr{background-color:#3f1eb6;height:4px;margin:0;width:30%}.main-portfolio-nav{margin-top:10px}.main-portfolio-nav-noactive{background-color:#ccc;border:1px solid #777;border-radius:20px;height:40px;margin:10px;width:80px}.main-portfolio-nav-active{background-color:#fff;border:1px solid #3f1eb6;border-radius:20px;color:#3f1eb6;height:40px;margin:10px;width:80px}.main-portfolio-nav-noactive:hover{background-color:#fff;border:1px solid #3f1eb6;color:#3f1eb6;cursor:pointer}.main-portfolio-text-box>h2{margin-top:0;text-align:center}.main-portfolio-text-box{border:2px solid #3f1eb6;border-radius:20px;float:left;height:auto;margin:1.5%;padding:20px;width:25%}.main-portfolio-text-box-desc{height:150px}.main-portfolio-text-box-tech{height:50px}.main-portfolio-text-box-links{text-align:center}.main-portfolio-text-box-links>button{background-color:#3f1eb6;border:none;border-radius:40px;color:#fff;font-weight:600;height:40px;margin:5%;text-decoration:none;width:40%}.main-portfolio-text-box-links>button:hover{background-color:#fff;border:1px solid #3f1eb6;cursor:pointer}.main-portfolio-text-box-links>button:hover a,.main-portfolio-text-box-links>button>a:hover{color:#3f1eb6}.main-portfolio-text-box-links>button>a{color:#fff;text-decoration:none}@media screen and (max-width:1400px){.main-portfolio-text-box{margin:.5%}.main-portfolio-text-box>h2{font-size:16px}.main-portfolio-text-box-desc>p,.main-portfolio-text-box-tech>p{font-size:14px}}@media screen and (max-width:1000px){.main-portfolio-bg{margin:0}.main-portfolio{padding:10px 0}.main-portfolio-text-box{border:2px solid #3f1eb6;border-radius:20px;float:left;height:auto;margin:1.5%;padding:10px 20px;width:90%}.main-portfolio-text-box-desc,.main-portfolio-text-box-tech{height:auto}.main-portfolio-text-box-tech>p{margin:0}.main-portfolio-text-box-links>button{margin:10px 20px 0;width:120px}}@media screen and (max-width:550px){.main-portfolio{padding:10px}.main-portfolio>h1{font-size:18px}.main-portfolio-nav{margin-top:0}.main-portfolio-nav>button{font-size:10px;height:30px;width:60px}.main-portfolio-text-box-desc>p,.main-portfolio-text-box-tech>p{font-size:11px}.main-portfolio-text-box-links>button{font-size:10px;height:30px;margin:10px 10px 0;width:100px}.main-portfolio-text-box{width:80%}}.main-technology-bg{margin:20px}.main-technology{padding:40px}.main-technology>hr{background-color:#3f1eb6;height:4px;margin:0;width:30%}.main-technology-box{float:left;text-align:center;width:33%}.main-technology-box>h3{color:#777}.main-technology-box>img{cursor:pointer;margin:15px 100px}.main-technology-box-lang{display:block;margin:30px auto 15px;position:relative}.main-technology-box-lang>img{cursor:pointer;position:relative;z-index:2}.main-technology-box-mainlang{margin:30px auto 15px;position:relative}.main-technology-box-mainlang>img{cursor:pointer;position:relative;z-index:2}.main-technology-box-lang-paragrath{height:80px;opacity:0;position:absolute;right:40px;text-align:left;top:0;transition:opacity .5s ease-out;width:200px}.main-technology-box-lang-paragrath-active{height:80px;opacity:1;position:absolute;right:40px;text-align:left;top:0;transition:opacity 2s ease-out;width:200px}.main-technology-box-database{margin:15px auto;position:relative}.main-technology-box-database>img{cursor:pointer;margin:auto 15px;position:relative;z-index:2}.main-technology-box-img-active{background-color:#3f1eb6}@media screen and (max-width:1400px){.main-technology-box-database>img,.main-technology-box-img,.main-technology-box-lang>img,.main-technology-box-mainlang>img{height:60px;width:60px}.main-technology-box-lang-paragrath,.main-technology-box-lang-paragrath-active{font-size:12px;width:120px}}@media screen and (max-width:1000px){.main-technology-box>h3{font-size:14px}.main-technology-box-database>img,.main-technology-box-img,.main-technology-box-lang>img,.main-technology-box-mainlang>img{height:45px;width:45px}.main-technology-box-lang-paragrath,.main-technology-box-lang-paragrath-active{font-size:10px;width:100px}}@media screen and (max-width:700px){.main-technology-box>h3{font-size:14px}.main-technology-box-database>img,.main-technology-box-img,.main-technology-box-lang>img,.main-technology-box-mainlang>img{height:60px;width:60px}.main-technology-box-lang-paragrath,.main-technology-box-lang-paragrath-active{font-size:12px;width:120px}}@media screen and (max-width:550px){.main-technology-bg{margin:0}.main-technology{padding:10px 0}.main-technology>h1{font-size:18px}.main-technology-bg{margin:10px}.main-technology-box>h3{font-size:10px}.main-technology-box-img,.main-technology-box-lang>img,.main-technology-box-mainlang>img{height:35px;width:35px}.main-technology-box-database{margin-top:30px}.main-technology-box-database>img{height:35px;margin:auto 10px;width:35px}.main-technology-box-lang-paragrath,.main-technology-box-lang-paragrath-active{font-size:9px;height:60px;right:-5%;top:-50%;width:90px}}.main-achievements-bg{margin:20px}.main-achievements{padding:40px}.main-achievements>hr{background-color:#3f1eb6;height:4px;margin:0;width:30%}.main-achievements-nav{margin-top:10px}.main-achievements-nav-noactive{background-color:#ccc;border:1px solid #777;border-radius:20px;height:40px;margin:10px;width:100px}.main-achievements-nav-active{background-color:#fff;border:1px solid #3f1eb6;border-radius:20px;color:#3f1eb6;height:40px;margin:10px;width:100px}.main-achievements-nav-active:last-child,.main-achievements-nav-noactive:last-child{width:200px}.main-achievements-nav-noactive:hover{background-color:#fff;border:1px solid #3f1eb6;color:#3f1eb6;cursor:pointer}.main-achievements-content-cert-box>img,.main-achievements-content-compet-box>img,.main-achievements-content-train-box>img{float:left;margin:2.5%;width:10%}.main-achievements-content-cert-box-text,.main-achievements-content-compet-box-text,.main-achievements-content-train-box-text{float:left;width:70%}.main-achievements-content-cert-box-text>p,.main-achievements-content-compet-box-text>p,.main-achievements-content-train-box-text>p{margin-top:5px}.main-achievements-content-cert-box-text>h3,.main-achievements-content-compet-box-text>h3,.main-achievements-content-train-box-text>h3{margin-bottom:0}.main-achievements-content-cert-box-text{width:80%}@media screen and (max-width:700px){.main-achievements{padding:0}.main-achievements-content-cert-box-text>h3,.main-achievements-content-compet-box-text>h3,.main-achievements-content-train-box-text>h3{font-size:14px}.main-achievements-content-cert-box-text>p,.main-achievements-content-compet-box-text>p,.main-achievements-content-train-box-text>p{font-size:12px}}@media screen and (max-width:1000px){.main-achievements{padding:10px}.main-achievements-content-cert-box-text>h3,.main-achievements-content-compet-box-text>h3,.main-achievements-content-train-box-text>h3{font-size:16px}.main-achievements-content-cert-box-text>p,.main-achievements-content-compet-box-text>p,.main-achievements-content-train-box-text>p{font-size:14px}.main-achievements-nav-active:last-child,.main-achievements-nav-noactive:last-child{width:160px}}@media screen and (max-width:550px){.main-achievements-bg{margin:0}.main-achievements{padding:10px}.main-achievements>h1{font-size:18px}.main-achievements-nav>button{float:left;font-size:8px;height:30px;margin:5px;width:60px}.main-achievements-content-cert-box>img,.main-achievements-content-compet-box>img,.main-achievements-content-train-box>img{width:20%}.main-achievements-content-cert-box-text,.main-achievements-content-compet-box-text,.main-achievements-content-train-box-text{width:65%}.main-achievements-content-cert-box-text>h3,.main-achievements-content-compet-box-text>h3,.main-achievements-content-train-box-text>h3{font-size:14px}.main-achievements-content-cert-box-text>p,.main-achievements-content-compet-box-text>p,.main-achievements-content-train-box-text>p{font-size:11px}}
/*# sourceMappingURL=main.5eacd4ed.css.map*/