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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media screen and (max-width:768px){.App{box-sizing:border-box;width:100%}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}body,html{margin:0;padding:0}.header{left:0;position:fixed;top:0;width:100%;z-index:1000}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:2rem;justify-content:space-around;padding-left:24px;padding-top:16px;position:absolute;width:2rem}.bar{background-color:#333;border-radius:10%;height:3px;transition:all .3s;width:100%}.menu{background-color:#fffefe;height:100vh;left:0;list-style:none;margin:0;padding:0;position:fixed;text-align:left;top:0;transform:translate(-100%);transition:transform .2s ease;width:250px;z-index:10}.menu.open{transform:translate(0)}.menu li a{color:#000;display:block;padding:1rem 1rem 1rem 2rem;text-decoration:none}.right-side{align-items:center;background-color:#ffffffe6;cursor:pointer;display:flex;flex-grow:1;justify-content:flex-end;padding-bottom:12px}.right-side img{height:auto;margin-top:0;padding-right:24px;padding-top:16px;width:32px}.sky,.topcontainer{margin:0;padding:0}.backboard{height:100vh;max-width:100%;position:relative}.icon{max-width:200px;top:75%;width:50%;z-index:100}.icon,.sky h1{left:50%;position:absolute;transform:translate(-50%,-50%)}.sky h1{color:#00000095;font-family:Arial,メイリオ;font-size:32px;top:25%;width:100%;z-index:10}@media screen and (max-width:600px){.backboard{overflow:hidden;padding-top:10px}.sky h1{font-size:24px}.backboard{height:87vh}}.aboutThisSite{position:relative}.aboutThisSite img{height:100vh;width:100%}.aboutThisSite h2{font-size:24px;top:35%;width:100%}.aboutThisSite h2,.aboutThisSite p{color:#00000095;font-family:Arial,メイリオ;left:50%;position:absolute;transform:translate(-50%,-50%);z-index:10}.aboutThisSite p{font-size:16px;line-height:1.8;text-align:left;top:55%;width:80%}.aboutMe{height:100vh;position:relative}.aboutMe img{left:15%;position:absolute;top:32%;transform:translate(-50%,-50%);width:100px}.aboutMe h2{font-family:Arial,メイリオ;font-size:30px;top:30%;z-index:10}.aboutMe h2,.aboutMe p{color:#00000095;left:50%;position:absolute;transform:translate(-50%,-50%)}.aboutMe p{text-align:left;top:55%;width:80%}.github-container{top:80%}.github-container,.qiita-container{font-family:Arial,メイリオ;font-size:24px;left:50%;position:absolute;transform:translate(-50%,-50%)}.qiita-container{top:87%}.portfolio{position:relative}.portfolio img{height:400vh;width:100%}.portfolio h2{color:#00000095;font-family:Arial,メイリオ;font-size:24px;left:50%;position:absolute;top:10%;transform:translate(-50%,-50%);z-index:10}.portfolio1{top:20%}.portfolio1,.portfolio2{color:#00000095;font-family:Arial,メイリオ;font-size:16px;left:50%;line-height:1.8;position:absolute;text-align:left;transform:translate(-50%,-50%);width:80%;z-index:10}.portfolio2{top:30%}.portfolio3{top:40%}.portfolio3,.portfolio4{color:#00000095;font-family:Arial,メイリオ;font-size:16px;left:50%;line-height:1.8;position:absolute;text-align:left;transform:translate(-50%,-50%);width:80%;z-index:10}.portfolio4{top:50%}.portfolio5{top:60%}.portfolio5,.portfolio6{color:#00000095;font-family:Arial,メイリオ;font-size:16px;left:50%;line-height:1.8;position:absolute;text-align:left;transform:translate(-50%,-50%);width:80%;z-index:10}.portfolio6{top:70%}.portfolio7{top:80%}.portfolio7,.portfolio8{color:#00000095;font-family:Arial,メイリオ;font-size:16px;left:50%;line-height:1.8;position:absolute;text-align:left;transform:translate(-50%,-50%);width:80%;z-index:10}.portfolio8{top:90%}.Skill{height:200vh;position:relative}.Skill h2{font-size:26px;top:5%;width:100%}.Skill h2,.Skill p{color:#00000095;font-family:Arial,メイリオ;left:50%;position:absolute;transform:translate(-50%,-50%);z-index:10}.Skill p{font-size:16px;line-height:1.8;text-align:left;top:13%;width:80%}.Skill .radarChart1{left:49.5%;max-width:480px;top:34%}.Skill .radarChart1,.Skill .radarChart2{position:absolute;transform:translate(-50%,-50%);width:80%}.Skill .radarChart2{left:50%;max-width:450px;top:73%}.Skill .levelList1{left:20%;position:absolute;top:90%;transform:translate(-50%,-50%);width:80%}.Skill .grid-container1{top:51%}.Skill .grid-container1,.Skill .grid-container2{grid-gap:10px;display:grid;grid-template-columns:repeat(1,1fr);left:50%;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);width:30%}.Skill .grid-container2{top:91%}.level-list{border:1px solid;box-sizing:border-box;list-style:none;margin:0 auto;padding:0;text-align:left;width:60%}.level-list li{background-color:#fbfbfb;color:#00000095;font-family:Arial,メイリオ;font-size:10px;margin:0;padding-bottom:2px;padding-top:2px}@media screen and (max-width:600px){.Skill .grid-container1,.Skill .grid-container2{width:70%}}.Contact{margin:0;padding:0;position:relative}.Contact img{height:100vh;margin:0;padding:0;width:100%}.Contact h2{font-size:28px;top:12%}.Contact h2,.Contact p{color:#00000095;font-family:Arial,メイリオ;left:50%;position:absolute;transform:translate(-50%,-50%);z-index:10}.Contact p{font-size:16px;line-height:1.8;text-align:left;top:30%;width:80%}.statusInput{display:flex;flex-direction:column;height:250px;height:330px;justify-content:space-between;left:50%;position:absolute;top:70%;transform:translate(-50%,-50%)}.EmailInput,.comment,.nameInput{margin-bottom:15px;width:100%}.EmailInput input,.nameInput input{box-shadow:0 5px 5px #0003;font-family:Arial,メイリオ;font-size:16px;height:30px;width:300px}.EmailInput input,.commentrow,.nameInput input{border:none;border-bottom:3px solid #dcdcdc}.comment textarea{box-shadow:0 5px 5px #0003;font-family:Arial,メイリオ;font-size:16px;height:50px;width:300px}.statusInput .name-error-message{top:17%}.statusInput .Email-error-message,.statusInput .name-error-message{color:#f00c;font-size:12px;font-weight:700;margin-top:5px;text-align:left;width:100%}.statusInput .Email-error-message{top:43%}.statusInput .comment-error-message{color:#f00c;font-size:12px;font-weight:700;margin-top:5px;text-align:bottom;top:78%;width:100%}.send button{background-color:#ededed;border:none;border-radius:5px;box-shadow:0 5px 5px #0003;color:#00000095;cursor:pointer;font-family:Arial,メイリオ;padding:10px 20px}.send button:hover{background-color:#d3d3d3;font-weight:700}.send button:active{box-shadow:0 3px 3px #0003;color:#f0f8ff;transform:scale(.98)}.send button{transition:all .3s ease}.modal{background-color:#f8f3f3e6;border:2px solid;display:none;height:600px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@media screen and (max-width:430px){.App{box-sizing:border-box;width:100%}}.modal.open{display:block}.modal-content .modalH2{color:#00000095;font-family:Arial,メイリオ;top:6%}.modal-content{background-color:#f0f8ff}.modal-content .modalName{top:24%}.modal-content .modalEmail,.modal-content .modalName{border-bottom:2px solid;color:#00000095;font-family:Arial,メイリオ;font-size:16px;font-weight:700;left:50%}.modal-content .modalEmail{top:36%}.modal-content .modalcomment{border-bottom:2px solid;color:#00000095;font-family:Arial,メイリオ;font-size:16px;font-weight:700;left:50%;top:48%}.modal-content .modalOnSubmit{left:30%}.modal-content .modalOnClose,.modal-content .modalOnSubmit{border-bottom:2px;border-style:none;font-size:12px;font-weight:700;position:absolute;top:90%;transform:translate(-50%,-50%)}.modal-content .modalOnClose{left:70%}.modal-content .confirm{color:#00000095;font-family:Arial,メイリオ;font-size:16px;font-weight:700;left:50%;text-align:center;top:70%;transform:translate(-50%,-50%)}.modal-content .modalOnSubmit{background-color:#fff;border:none;border-radius:5px;box-shadow:0 5px 5px #0003;color:#00000095;cursor:pointer;font-family:Arial,メイリオ;padding:10px 20px}.modal-content .modalOnSubmit:hover{background-color:rgba(173,216,230,.798);color:#fff;font-weight:700}.modal-content .modalOnSubmit:active{box-shadow:0 3px 3px #0003;color:#f0f8ff;transform:scale(.9);transform:translate(-50%,-50%)}.modal-content .modalOnSubmit{transition:all .3s ease}.modal-content .modalOnClose{background-color:#fff;border:none;border-radius:5px;box-shadow:0 5px 5px #0003;color:#00000095;cursor:pointer;font-family:Arial,メイリオ;padding:10px 20px}.modal-content .modalOnClose:hover{background-color:rgba(230,173,215,.798);color:#fff;font-weight:700}.modal-content .modalOnClose:active{box-shadow:0 3px 3px #0003;color:#f0f8ff;transform:scale(.9);transform:translate(-50%,-50%)}.modal-content .modalOnClose{transition:all .3s ease}.Footerbody{background-color:#fff;height:400px;margin:0;padding:0;position:relative;width:100%}.Footerbody h2{font-size:40px;top:40%;width:100%}.Footerbody h2,.Footerbody p{left:50%;position:absolute;transform:translate(-50%,-50%)}.Footerbody p{top:90%}.arrow-up{background-color:#000;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);display:inline-block;height:30px;left:50%;position:absolute;top:75%;transform:translate(-50%,-50%);width:45px}.arrow-up:hover{background-color:#d3d3d3}.arrow-up:active{box-shadow:0 3px 3px #0003;color:#f0f8ff;transform:translate(-50%,-50%) scale(.9)}
/*# sourceMappingURL=main.dbe1d9a4.css.map*/