@import url(https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1f1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top{height:100%;width:100%}*{margin:0;padding:0}.nav{margin:120px 6%;position:relative;z-index:10}.list{align-items:center;background-color:#1f1f1f;background-color:var(--color_2);border:1px solid #eee;border:1px solid var(--color_1);color:#eee;color:var(--color_1);cursor:pointer;display:flex;font-size:24px;height:40px;list-style:none;margin-bottom:48px;width:200px}.list,.square{transition-duration:.3s;transition-property:all}.square{height:8px;margin:0 16px;width:8px}.active,.hovered,.square{background-color:#eee;background-color:var(--color_1)}.active,.hovered{color:#1f1f1f;color:var(--color_2)}.active .square,.hovered .square{background-color:#1f1f1f;background-color:var(--color_2)}.subtitles{bottom:40px;left:50%;position:fixed;transform:translate(-50%,-50%)}.sub{color:#eee;color:var(--color_1);display:none;font-family:Zen Maru Gothic,serif;font-size:36px;padding:0 10px;text-shadow:2px 2px 0 #1f1f1f,-2px -2px 0 #1f1f1f,-2px 2px 0 #1f1f1f,2px -2px 0 #1f1f1f,0 2px 0 #1f1f1f,0 -2px 0 #1f1f1f,-2px 0 0 #1f1f1f,2px 0 0 #1f1f1f;text-shadow:2px 2px 0 var(--color_2),-2px -2px 0 var(--color_2),-2px 2px 0 var(--color_2),2px -2px 0 var(--color_2),0 2px 0 var(--color_2),0 -2px 0 var(--color_2),-2px 0 0 var(--color_2),2px 0 0 var(--color_2)}.title{display:block}.toyoshima{color:#eee;height:auto;position:absolute;right:10%;top:10%;width:auto}h1{font-size:72px;text-shadow:4px 4px 0 var(--color_2),-4px -4px 0 var(--color_2),-4px 4px 0 var(--color_2),4px -4px 0 var(--color_2),0 4px 0 var(--color_2),0 -4px 0 var(--color_2),-4px 0 0 var(--color_2),4px 0 0 var(--color_2)}p{font-family:Zen Maru Gothic,serif;font-size:36px;text-align:center;text-shadow:2px 2px 0 var(--color_2),-2px -2px 0 var(--color_2),-2px 2px 0 var(--color_2),2px -2px 0 var(--color_2),0 2px 0 var(--color_2),0 -2px 0 var(--color_2),-2px 0 0 var(--color_2),2px 0 0 var(--color_2)}.about{display:flex;height:100vh}main{height:calc(100% - 218px);overflow:auto;padding:40px}main::-webkit-scrollbar{display:none}.face{filter:brightness(75%) sepia(50%) grayscale(50%);height:300px;margin-right:24px}.basic-info{display:flex;margin-bottom:24px}.adition-info{max-width:800px}.text-info{color:#eee;font-size:20px;line-height:36px;white-space:pre-wrap}.typewriter:after{animation:blink 1s step-end infinite;content:"|";font-weight:700}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.header{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--color_1);display:flex;height:96px}.title-path{color:#eee;color:var(--color_1);font-size:72px;margin-bottom:12px}.container{flex-grow:1;margin-top:120px;padding-right:6%;z-index:1}.works{display:flex;height:100vh}.card{background-color:#00000050;border-radius:10px;display:block;margin:0}.card-genre{color:#eee;padding-left:10px;padding-top:10px}.card-order{padding-bottom:6px}.card-img{box-sizing:border-box;height:auto;max-width:100%;padding:10px;vertical-align:top}.card-text{color:#eee;display:block;padding:0 10px 10px}.studies{height:100vh}.contact,.studies{display:flex}.boxInput.text{height:auto}.contactMain{margin-left:10%}.boxInput.submit{color:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:300;letter-spacing:2px}.boxInput.submit:hover{background-color:#eee;color:#1e1e1e}.contactBox{color:#eee;display:grid;font-size:18px;grid-template-columns:auto;margin-bottom:60px}.boxName{font-weight:300;letter-spacing:2px;width:200px}.boxInput{background-color:#00000020;border:1.5px solid #eeeeeea6;border-radius:4px;color:#eee;font-size:18px;margin-top:8px;padding:12px;width:calc(max(400px,40%))}:root{--color_1:#eee;--color_2:#1f1f1f}.center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center,.sun{align-items:center;display:flex;justify-content:center}.sun{background-color:#eee;background-color:var(--color_1);height:100px;width:100px}.earth-locus,.sun{border-radius:1000px}.earth-locus{border:2px solid #eee;border:2px solid var(--color_1);height:600px;position:absolute;width:600px}.earth-main{align-items:center;background-color:#1f1f1f;background-color:var(--color_2);border:4px solid #eee;border:4px solid var(--color_1);border-radius:100px;display:flex;height:40px;justify-content:center;position:absolute;width:40px}.a{animation:cyclic0 240s linear 1s infinite}.b{animation:cyclic1 240s linear 1s infinite}.c{animation:cyclic2 240s linear 1s infinite}.d{animation:cyclic4 240s linear 1s infinite}.e{animation:cyclic5 240s linear 1s infinite}.f{animation:cyclic6 240s linear 1s infinite}.g{animation:cyclic7 240s linear 1s infinite}.h{animation:cyclic8 240s linear 1s infinite}.i{animation:cyclic9 240s linear 1s infinite}.earth,.moon{align-items:center;display:flex;justify-content:center;position:relative}.moon-main{animation:cyclic10 6s linear 1s infinite;background-color:#1f1f1f;background-color:var(--color_2);border:2px solid #eee;border:2px solid var(--color_1);border-radius:50px;height:12px;position:absolute;width:12px}.moon-locus{border:2px solid #eee;border:2px solid var(--color_1);border-radius:1000px;height:100px;position:absolute;width:100px}.outside{border:24px solid #1f1f1f;border:24px solid var(--color_2);height:78px;width:78px}@keyframes cyclic0{0%{transform:rotate(0deg) translateX(300px)}to{transform:rotate(1turn) translateX(300px)}}@keyframes cyclic1{0%{transform:rotate(36deg) translateX(300px)}to{transform:rotate(396deg) translateX(300px)}}@keyframes cyclic2{0%{transform:rotate(72deg) translateX(300px)}to{transform:rotate(432deg) translateX(300px)}}@keyframes cyclic3{0%{transform:rotate(108deg) translateX(300px)}to{transform:rotate(468deg) translateX(300px)}}@keyframes cyclic4{0%{transform:rotate(144deg) translateX(300px)}to{transform:rotate(504deg) translateX(300px)}}@keyframes cyclic5{0%{transform:rotate(180deg) translateX(300px)}to{transform:rotate(540deg) translateX(300px)}}@keyframes cyclic6{0%{transform:rotate(216deg) translateX(300px)}to{transform:rotate(576deg) translateX(300px)}}@keyframes cyclic7{0%{transform:rotate(252deg) translateX(300px)}to{transform:rotate(612deg) translateX(300px)}}@keyframes cyclic8{0%{transform:rotate(288deg) translateX(300px)}to{transform:rotate(648deg) translateX(300px)}}@keyframes cyclic9{0%{transform:rotate(324deg) translateX(300px)}to{transform:rotate(684deg) translateX(300px)}}@keyframes cyclic10{0%{transform:rotate(0deg) translateX(50px)}to{transform:rotate(1turn) translateX(50px)}}.blur{filter:blur(4px);opacity:25%}.cover{animation:fadeout-anim 2s 1s forwards,z-index-anim 0s 3s forwards;background-color:#1f1f1f;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:5}@keyframes fadeout-anim{to{opacity:0}}@keyframes z-index-anim{to{z-index:-1}}
/*# sourceMappingURL=main.87443a31.css.map*/