@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap);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}#root,body,html{height:100%}body{background:#f5f5f5;margin:auto;max-width:1920px;padding:3%}a{text-decoration:none}.App{height:100%}.App .menu{align-items:center;display:flex;height:50px;justify-content:space-between;width:100%}.App .menu .left{display:flex;justify-content:space-around;width:400px}.App .menu .right{display:flex;max-width:400px}.App .menu a{color:#000;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:18px;font-style:normal;font-weight:700;text-decoration:none}.top-contents{align-items:center;display:flex;height:100%;width:100%}.top-contents .left-side{float:left;justify-content:center}.top-contents .left-side,.top-contents .right-side{align-items:center;display:flex;height:100%;width:50%}.top-contents .right-side{float:right;justify-content:flex-start}.top-contents .top-illust{animation:fadeIn 8s cubic-bezier(.33,1,.68,1) forwards;height:100%;max-height:800px;max-width:1000px}.top-contents .logo-text .name{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:96px;font-style:normal;font-weight:700}.top-contents .logo-text .job,.top-contents .logo-text .name{animation:slideIn 1s cubic-bezier(.25,1,.5,1) forwards;color:#000;text-align:right;text-decoration:none}.top-contents .logo-text .job{font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-size:36px;font-style:≈;font-weight:300}.about-contents{align-items:center;display:flex;flex-flow:column;width:100%}.about-contents p{animation:fadeIn 2s cubic-bezier(.33,1,.68,1) forwards;color:#000;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-size:18px;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;font-weight:400;line-height:30px;text-align:left;width:60%}.about-contents .profile-image{animation:fadeIn 1.5s cubic-bezier(.33,1,.68,1) forwards;border-radius:50%;margin:150px;width:350px}.works-contents{align-items:center;display:flex;flex-flow:column;margin-top:100px;width:100%}.works-contents .container{animation:slideIn 1s cubic-bezier(.25,1,.5,1) forwards;background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;box-shadow:0 3px 5px #00000038;height:300px;margin:40px auto;max-width:800px;width:60%}.works-contents .container,.works-contents .container a{align-items:center;display:flex;justify-content:center;overflow:hidden}.works-contents .container a{height:100%;margin:0;width:100%}.works-contents .container a .description{display:none}.works-contents .container:hover a .description{align-items:center;background-color:#000000b3;display:flex;flex-flow:column;height:100%;justify-content:center;padding:30px;text-align:left;width:100%}.works-contents .container a .description .title{color:#fff;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-size:20px;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;font-weight:700;line-height:30px}.works-contents .container a .description p{color:#fff;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-size:18px;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;font-weight:400;line-height:30px;text-align:left}.works-contents .container a .description .language,.works-contents .container a .description .latest-released-at{color:#fff;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-size:16px;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;font-weight:300;line-height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(180px)}to{transform:translateX(0)}40%,to{opacity:1}}
/*# sourceMappingURL=main.5b9e96cf.css.map*/