body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--box-width:600px;--title-bg:#282c34;--content-bg:#fbf7ea}.Social-container{position:absolute;width:150px;width:calc(var(--box-width)/4);bottom:12px;opacity:1;-webkit-transition-delay:2s;transition-delay:2s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1.5s;transition-duration:1.5s}.Social-fade{display:flex;justify-content:space-evenly;opacity:0;-webkit-animation:fadeIn 1.5s;animation:fadeIn 1.5s;-webkit-animation-delay:4.5s;animation-delay:4.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Back-arrow-box{position:absolute;left:20px;top:calc(50px - .65em);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:1}.Back-arrow{position:relative;border-style:solid;border-width:.15em .15em 0 0;display:inline-block;height:.65em;width:.65em;opacity:0;-webkit-transition:.5s;transition:.5s}.Body-base{padding:8px;background-color:#fbf7ea;background-color:var(--content-bg);min-height:calc(100vh - 116px);max-height:calc(100vh - 116px);height:calc(100vh - 116px);overflow:auto;overflow-x:hidden;justify-content:center;font-family:Quattrocento Sans;font-size:calc(10px + 2vmin);color:#414044;z-index:0}.Body-base,.Body-content{position:relative;display:flex;flex:1 1}.Body-content{padding:5px;width:100%;max-width:880px;justify-content:flex-start;flex-direction:column}.Body-about{font-size:.8em;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;margin-bottom:1.5em}.Body-profile{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;width:100%;font-size:.8em}.Body-kph{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;-webkit-transition-delay:2s;transition-delay:2s}.Body-kph,.Body-kpm{display:flex;flex-direction:column;margin-left:.5em;margin-right:.5em;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.Body-kpm{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;-webkit-transition-delay:3s;transition-delay:3s}.Kph-desc,.Kpm-desc{margin-top:15px;margin-bottom:15px}.Site-title{font-size:calc(12px + 2vmin);text-align:center;padding-bottom:.35em;margin-top:0;margin-bottom:0;font-weight:400}.Be-title,.Fe-title{font-weight:700;text-transform:uppercase;font-size:calc(3px + 2vmin);padding:1px;margin-top:0;margin-bottom:0}.Body-base img{width:350px;max-width:100%;max-height:450px;box-shadow:3px 3px 12px rgba(0,0,0,.4);-webkit-transition:box-shadow .5s;transition:box-shadow .5s}.Body-base img:hover{box-shadow:4px 4px 16px rgba(0,0,0,.5)}.Title-header{position:-webkit-sticky;position:sticky;top:0;background-color:#282c34;background-color:var(--title-bg);min-height:100px;display:flex;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;-webkit-transition:none;transition:none;box-shadow:0 -2px 8px 3px rgba(0,0,0,.6);z-index:1}.Title-container{width:600px;width:var(--box-width);position:absolute;-webkit-transition:top 2s,-webkit-transform 2s;transition:top 2s,-webkit-transform 2s;transition:top 2s,transform 2s;transition:top 2s,transform 2s,-webkit-transform 2s}.Title-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.Square-logo{-webkit-animation:fadeIn 1s,squareExpand 2s;animation:fadeIn 1s,squareExpand 2s;-webkit-animation-delay:0s,1s;animation-delay:0s,1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;overflow:hidden;opacity:0;border-left:solid #fff;border-right:solid #fff}.Square-clip,.Square-logo{position:absolute;height:95px;z-index:2}.Square-clip{width:100%;background-color:#282c34;background-color:var(--title-bg);-webkit-animation:clipExpand 2s;animation:clipExpand 2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.Square-sub{height:41px;-webkit-animation-name:squareClose;animation-name:squareClose;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;border-left:solid hsla(0,0%,100%,0);border-right:solid hsla(0,0%,100%,0)}.Square-hid,.Square-sub{position:relative;top:84px;background-color:#282c34;background-color:var(--title-bg);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:2.7s;animation-delay:2.7s;overflow:hidden;z-index:2}.Square-hid{height:15px;opacity:1;-webkit-animation-name:squareHidden;animation-name:squareHidden;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.block{position:absolute}.sub-block{position:relative;top:-23px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:3.5s;animation-delay:3.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:none;transition:none}.name{position:relative;font-size:96px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-delay:1.7s;animation-delay:1.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1}.name,.sub-left{white-space:nowrap;text-align:center;font-family:Forum;text-shadow:2px 2px 6px rgba(0,0,0,.4);margin-top:0;margin-bottom:0;font-weight:400}.sub-left{left:40px;-webkit-transition:none;transition:none}.sub-left,.sub-right{position:absolute;width:200px;font-size:48px}.sub-right{white-space:nowrap;right:40px;text-align:center;font-family:Forum;text-shadow:2px 2px 6px rgba(0,0,0,.4);-webkit-transition:2s;transition:2s;margin-top:0;margin-bottom:0;font-weight:400}.link-left,.link-right{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.sub-div{position:absolute;white-space:nowrap;top:100px;width:100%;text-align:center;font-family:Forum;font-size:48px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;text-shadow:2px 2px 6px rgba(0,0,0,.4)}.Body-base a{color:#414044;text-decoration:none}@-webkit-keyframes squareExpand{0%{width:0;border-left:6px solid #fff;border-right:6px solid #fff}to{width:100%;border-left:6px solid hsla(0,0%,100%,0);border-right:6px solid hsla(0,0%,100%,0)}}@keyframes squareExpand{0%{width:0;border-left:6px solid #fff;border-right:6px solid #fff}to{width:100%;border-left:6px solid hsla(0,0%,100%,0);border-right:6px solid hsla(0,0%,100%,0)}}@-webkit-keyframes clipExpand{0%{-webkit-clip-path:polygon(0 0,0 100%,50% 100%,50% 0,50% 0,50% 100%,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,50% 100%,50% 0,50% 0,50% 100%,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,100% 100%,100% 0)}}@keyframes clipExpand{0%{-webkit-clip-path:polygon(0 0,0 100%,50% 100%,50% 0,50% 0,50% 100%,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,50% 100%,50% 0,50% 0,50% 100%,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,0 100%,0 0,100% 0,100% 100%,0 100%,100% 100%,100% 0)}}@-webkit-keyframes squareBgExpand{0%{width:50%}to{width:0}}@keyframes squareBgExpand{0%{width:50%}to{width:0}}@-webkit-keyframes squareClose{0%{width:100%;border-left:2px solid hsla(0,0%,100%,0);border-right:2px solid hsla(0,0%,100%,0)}to{width:0;border-left:2px solid #fff;border-right:2px solid #fff}}@keyframes squareClose{0%{width:100%;border-left:2px solid hsla(0,0%,100%,0);border-right:2px solid hsla(0,0%,100%,0)}to{width:0;border-left:2px solid #fff;border-right:2px solid #fff}}@-webkit-keyframes squareHidden{0%{width:100%}to{width:0}}@keyframes squareHidden{0%{width:100%}to{width:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media only screen and (max-width:320px){:root{--box-width:94vw}.Title-header{min-height:60px}.Body-base{min-height:calc(100vh - 76px);max-height:calc(100vh - 76px);height:calc(100vh - 76px)}.Back-arrow-box{top:calc(30px - .65em)}.name{font-size:48px}.sub-block{top:-12px}.sub-div,.sub-left,.sub-right{font-size:22px}.sub-left{left:-25px}.sub-right{right:-25px}.Square-sub{top:40px;height:28px}.Square-hid{top:40px;height:3px}.Square-logo{height:50px}}@media only screen and (min-width:321px) and (max-width:600px){:root{--box-width:94vw}.Title-header{min-height:70px}.Body-base{min-height:calc(100vh - 86px);max-height:calc(100vh - 86px);height:calc(100vh - 86px)}.Back-arrow-box{top:calc(35px - .65em)}.name{font-size:60px}.sub-block{top:-12px}.sub-div,.sub-left,.sub-right{font-size:32px}.sub-left{left:-15px}.sub-right{right:-15px}.Square-sub{top:50px;height:28px}.Square-hid{top:50px;height:3px}.Square-logo{height:70px}}
/*# sourceMappingURL=main.050e16dc.chunk.css.map */