a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:sans-serif,"Roboto";margin:auto 0;background-color:#fff}#root,.main,body{height:100%;width:100%;margin:0;overflow-x:hidden}.content{width:100%}.opacity-content{transition:opacity .4s linear}.header-div{width:100%;overflow:hidden;height:28vh}#menu-header-div{width:100%;display:flex}.main-header-div{color:#1d1d1d;display:flex;flex-direction:column;flex-grow:1;align-items:flex-end}.main-header-div-top{display:flex}.title{margin:.05em;font-weight:400;font-size:2.2em}.title-div{padding:3em 2em 0 2.5em;margin-right:2em;display:flex}.outer-circle{position:relative;width:25px;height:25px;border-radius:50%;background:#fff;margin:.4em}.circle{background-image:linear-gradient(90deg,#03a049,#297a4d 33%,#45c07c 66%,#153f28);content:"";position:absolute;top:-3px;bottom:-3px;right:-3px;left:-3px;z-index:-1;border-radius:inherit;animation:circle-turn 8s linear infinite}@keyframes circle-turn{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.menu{font-size:2.2em;font-weight:300;color:#297a4d;margin-bottom:.7em;padding-top:1em}.menu-list{list-style:none;font-size:1.6em}.menu-list:focus{outline:none}.side-nav-div{padding:0;margin-top:2.5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;border-right:.15em solid #000;margin-left:1.5em}.menu-list-item{margin:.8em 0 1.3em;color:#1d1d1d;transition:transform .5s ease-in-out}.menu-list-item:hover{transform:translateX(10px)}.menu-list-item:last-child{padding-bottom:0;margin-bottom:.5em}.menu-list-item>a{text-decoration:none;outline:none;cursor:pointer;color:#1d1d1d;background-image:linear-gradient(180deg,#fff,rgba(69,192,124,.5) 40%,rgba(41,122,77,.5) 70%,rgba(3,160,73,.5) 0);background-repeat:repeat-x;background-position-y:bottom;background-size:0 0;transition:all .2s linear}.menu-list-item>a:hover{color:#5d5d5d;background-size:.8em .8em}.hello-container{text-align:center;position:absolute;top:-70px;left:100px}div.hello-circ-text{display:inline-block;font-size:x-large;color:#297a4d}.hello-p{height:200px;position:absolute;transform-origin:0 100%}.outer-circle-small{position:relative;width:16px;height:16px;border-radius:50%;background:#fff;margin:.15em}.title-small{font-size:1.4em;margin-left:.2em;margin-right:.2em}.small-title-div{padding:3em 0 .3em 2.5em;margin-right:.6em;display:flex}.footer{overflow:hidden;margin:1.2em 2em;color:#727983;position:relative;bottom:0;left:0;width:100%}@media screen and (max-width:1024px) and (orientation:landscape){.header-div{height:31vh}}@media screen and (max-width:768px) and (orientation:portrait){.title-div{padding-right:1.5em;margin-right:0}.title{font-size:1.8em}.outer-circle{width:20px;height:20px;bottom:.1em}.hello-circ-text p.hello-p{height:160px}.hello-container{top:-60px;left:60px}}@media screen and (max-width:414px) and (orientation:portrait){.content{height:100%;padding:1em}.menu{font-size:2em;margin-bottom:0;padding-bottom:.3em;padding-top:.5em}.menu-list{font-size:1.45em}.menu-list-item{padding:.4em;margin-bottom:0}.outer-circle{width:18px;height:18px;top:.05em}.title-div{padding:2.8em 0 .3em 2.5em;margin-right:1em}.welcome-div{padding:1em}.hello-container{top:-25px;left:30px}.hello-circ-text p.hello-p{height:130px}div.hello-circ-text{font-size:larger}}@media screen and (max-width:823px) and (orientation:landscape){.content{height:100%}.menu{font-size:2.2em;margin-bottom:.5em;padding-top:.1em}.menu-list-item{padding:.6em 0;margin:0}.title-div{margin-right:1em;padding:2em 1em}.header-div{height:36vh}.outer-circle{bottom:3px}.hello-p{height:150px}.hello-container{top:-100px;left:80px}}.burger-nav-div{display:flex;flex-direction:column;align-items:center}.bm-item:focus,.burger-nav-div:focus{outline:none}.bm-burger-button{position:relative;width:40px;height:30px;left:66px;top:50px}.burger-overlay{background-color:#000}.bm-burger-bars{background-color:#1d1d1d;height:13%!important;transform:scaleX(1);box-shadow:none;transition-duration:all .4s linear}.bm-burger-bars:nth-child(2){top:35%!important}.bm-burger-bars:last-child{top:70%!important}.bm-burger-bars-hover{background-color:#297a4d;outline:none;transform:scaleX(1.035);box-shadow:0 0 1px #000}.bm-cross-button{width:48px!important;height:48px!important;right:30px!important;top:35px!important}.bm-cross-button>span{top:15px!important;right:15px!important}.bm-cross{background:#bdc3c7!important;width:4px!important;height:28px!important}.bm-menu-wrap{position:fixed;height:100%;top:0}.bm-menu{padding:4em 1.5em 0;background:#e8e8e8}#page-wrap{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:823px) and (orientation:landscape){.bm-burger-button{top:37px}.bm-menu-wrap{width:220px!important}.bm-cross-button>span{top:1px!important;right:18px!important}}@media screen and (max-width:414px) and (orientation:portrait){.bm-burger-button{left:35px;top:47px}.bm-menu-wrap{width:180px!important}.bm-cross-button>span{top:0!important;right:0!important}}#portfolio-div{position:absolute;overflow:hidden;top:0}.portfolio{flex-direction:column;padding:0 6em}.nail-div,.portfolio{height:auto;width:100%}.nail-div{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.5em 0 6em;flex-wrap:wrap}.thumbnail-div{display:flex;width:10%;height:auto;margin:2.5em;transition:transform .1s ease-in}.thumbnail-img{height:auto;width:100%;align-self:flex-start}.thumbnail-div:hover{transform:scale(1.04)}.project-link-img:hover{transform:scale(1.1)}.project-link-div{position:fixed;top:4.6%;right:10.5%}.project-link-img{height:50px;width:auto;transition:transform .1s ease-in;background-color:#fff;border-radius:50%}.click-prompt-div{display:flex;width:100%;justify-content:center;margin-top:2em;margin-bottom:1em}.click-prompt-h3{font-size:1.35em}.prompt-arrow{width:1.5em;height:2em;position:relative;top:1.15em;color:#1d1d1d}.close-button{position:fixed;top:4%;right:2%;height:60px;width:60px;color:#1d1d1d;background-color:#fff;border-radius:50%;cursor:pointer;transition:transform .1s ease-in}.close-button:hover{transform:scale(1.1)}@media only screen and (min-width:1200px){.close-button{right:4%}}@media screen and (max-width:768px) and (orientation:portrait){.thumbnail-div{width:18%}.project-link-img{background-color:#fff;border-radius:50%;padding:.05em}.project-link-div{top:6.5%;right:19%;width:55px;height:auto}.close-button{top:6%;right:5.5%}.portfolio{margin-top:.5em}.click-prompt-h3{font-size:1em}}@media screen and (max-width:1024px) and (orientation:landscape){.project-link-div{top:7.5%;right:12%}.close-button{top:7%;right:4.5%}}@media screen and (max-width:414px) and (orientation:portrait){.project-link-div{top:5%;right:24%}.close-button{top:5%;right:6%;height:50px;width:50px}.click-prompt-div{margin-bottom:0}.click-prompt-h3{font-size:1.1em}.prompt-arrow{width:1.2em;height:1.8em;top:.95em}.thumbnail-div{width:20%}.project-link-img{background-color:#fff;border-radius:50%;padding:.05em}.portfolio{padding:5em 0}}@media screen and (max-width:823px) and (orientation:landscape){.project-link-div{top:5%;right:16%}.close-button{top:5%;right:6%;height:50px;width:50px}.thumbnail-div{width:15%}}.welcome-div{display:flex;flex-direction:column;height:100%;width:100%;padding:1.5em 15em}.bio-div{overflow:hidden}.p-intro{color:#1d1d1d;font-size:1.4em;display:flex;justify-content:center;text-align:justify;padding-top:.3em}.paragraph-div{font-family:"Karla"}.bio-paragraphs{font-weight:400;letter-spacing:.003em;line-height:1.3em}.portfolio-text-link{text-decoration:none;border-bottom:.125rem solid #297a4d;color:#1d1d1d;background-image:linear-gradient(180deg,#fff,rgba(69,192,124,.5) 33%,rgba(41,122,77,.5) 66%,rgba(3,160,73,.5) 0);background-repeat:repeat-x;background-position-y:bottom;background-size:.04em .04em;transition:all .3s ease-in-out}.portfolio-text-link:hover{border-bottom:.125rem solid rgba(69,192,124,.7);background-size:.8em .8em}.global-class-name{position:relative;top:.17em;left:.1em}.circle-2{margin-left:.1em;width:1em;height:1em;border:.1em solid #297a4d;border-radius:1em;display:inline-block}.hell{font-size:3em;font-weight:300;letter-spacing:.02em}.circle-span{position:relative;top:.035em}.skills-div{display:flex;flex-direction:column;margin-bottom:3em}.skills-list{font-size:.9em;font-family:"Karla"}.skills-list>li{padding:.1em}.skills-list>li:last-child{margin-right:0}.icon-span{color:#297a4d;font-size:.9em;padding:1em 1em 0 0}.skill-span{position:relative;bottom:3px}@media only screen and (min-width:1250px){.welcome-div{padding:0 24em}}@media screen and (max-width:768px) and (orientation:portrait){.welcome-div{padding:0;margin-top:.5em}.hell{font-size:2em}.p-intro{margin:1em 3.5em}}@media screen and (max-width:1024px) and (orientation:landscape){.welcome-div{padding:0}.p-intro{margin:0 10em}}@media screen and (max-width:414px) and (orientation:portrait){.welcome-div{padding:0;margin-top:2em}.p-intro{font-size:1.4em;margin:.5em .3em;padding:1em;text-align:left}.skills-div{display:inline;margin-top:2.8em}.skills-list{font-size:1em}}@media screen and (max-width:823px) and (orientation:landscape){.welcome-div{padding:0}.p-intro{margin:0 6em;font-size:1.2em}.skills-div>ul{font-size:1.1em}.paragraph-bio:first-child{text-align:center}}.content-contact{display:flex;flex-direction:column;align-items:center;height:72vh}.contact-me>h3{font-size:2.3em;font-weight:500;color:#1d1d1d;margin-top:.3em;margin-bottom:1em}.contact-me{margin-bottom:.5em;display:flex;flex-direction:column;align-items:center}#error-message{align-self:flex-start;visibility:hidden;color:red;font-size:.9em;background-color:#fff}.touch-span{color:#297a4d;position:relative;bottom:3.2px;margin:0 0 0 .035em;font-weight:600;font-size:1.2em}.form-contact{display:flex;flex-direction:column;align-items:center;margin-bottom:3em}.form-contact>*{background-color:#e4e5e6;color:#727983;margin:.5em;border:none;width:150%;font-family:"Noto Sans JP",sans-serif;font-size:1em}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.form-contact>input,.form-contact>textarea{-webkit-appearance:none;border-radius:1px;box-shadow:0 1px 5px rgba(0,0,0,.1);resize:none;outline-color:#1d1d1d;transition:all .2s}.form-contact>input:focus,.form-contact>textarea:focus{background-color:#fff}.text-fields{transition-timing-function:ease-in-out;transition:all .15s;padding:1em;border:.08em solid transparent}.text-fields:hover{background-color:#fff;border:.08em solid #1d1d1d;color:#1d1d1d}#submit{background-color:#297a4d;color:#fff;font-size:1.35em;padding:.65em;cursor:pointer;transition:all .35s;border:.08em solid transparent}#submit:hover{letter-spacing:.03em;border:.08em solid #297a4d;background-color:#fff;color:#297a4d}.success-div{display:flex;flex-direction:column;align-items:center;margin:5em;color:#1d1d1d}.success-message{font-size:1.5em;padding:1em}.success-paragraph{font-size:1.5em}@media screen and (max-width:414px) and (orientation:portrait){.form-div{width:50%}.success-div{margin:5em 2em}.success-message,.success-paragraph{padding:.5em}.contact-me>h3{font-size:2.2em}}@media screen and (max-width:823px) and (orientation:landscape){.success-div{margin:1em}.contact-me>h3{margin-top:.5em;font-size:2.3em}}@media screen and (max-width:768px){.content-contact{margin-top:6em;height:100%}}
/*# sourceMappingURL=main.54d6cd7b.chunk.css.map */