body{background-color:#f0f0f0;margin:0}.App{align-items:center;display:flex;height:95vh;justify-content:center;text-align:center;width:95vw}.Footer{animation:superman-fly-right .5s ease-in-out forwards;animation-delay:4s;font-size:.6rem;margin-top:5%;visibility:hidden;width:95vw}.Footer,.Footer a{color:grey}@keyframes superman-fly-right{0%{opacity:0;transform:translateY(10vw);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}.typingbox{align-items:center;-webkit-display:flex;display:flex;height:100px;justify-content:center;margin-top:1%;text-align:center;width:100%}.typinganimation{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:animateText 2.5s steps(8);animation-fill-mode:forwards;-webkit-animation:animateText 2.5s steps(8);animation-delay:1s;-webkit-animation-fill-mode:forwards;background:linear-gradient(270deg,#c68dffe6 8.92%,#5685ff 46.17%,#48d6ff 92.17%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:1000;line-height:100px;visibility:hidden;white-space:nowrap}@keyframes animateText{0%{visibility:hidden;width:3em}35%{visibility:visible;width:3em}50%{visibility:visible;width:5em}60%{visibility:visible;width:5em}75%{visibility:visible;width:7em}85%{visibility:visible;width:7em}to{visibility:visible;width:11em}}.tabview{height:0;width:100%}.TitleBox{display:inline-block!important;display:inline;width:auto}.site-header{background:none;height:75px;position:relative;top:0;transition:all .4s ease;width:95vw;z-index:9999}.site-header:hover{background:#fff}.site-branding{display:inline-flex;height:75px;line-height:75px;margin-left:13px;position:relative;width:100%}.logolink.moe-mashiro .sakurasono{border-radius:9px;font-size:25px;padding-bottom:2px;padding-top:5px}.site-branding{animation:sitetop 3s}.logolink.moe-mashiro a{color:#464646;float:left;font-size:28px;font-weight:800;height:56px;line-height:56px;padding-left:6px;padding-right:15px;padding-top:11px;text-decoration-line:none}.logolink .sakurasono{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#ffffff80;border-radius:5px;color:#464646;height:auto;line-height:25px;margin-right:0;padding-bottom:0;padding-top:1px;width:auto}.moe-mashiro{font-family:Moe-Mashiro,Merriweather Sans,Helvetica,Tahoma,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif}.site-branding:hover .sakurasono{background:#fe9600;color:#fff}.site-branding:hover .menu_item,.site-branding:hover .shironeko{color:#fe9600}@keyframes sitetop{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.M-Flipper{background:#fff;border:1px solid #000;border-radius:10px;box-shadow:0 0 6px #00000080;color:#fff;display:inline-block;font-family:Helvetica Neue;font-size:66px;height:100px;line-height:100px;position:relative;text-align:center;width:60px}.M-Flipper .digital:after,.M-Flipper .digital:before{background:#000;box-sizing:border-box;content:"";left:0;overflow:hidden;position:absolute;right:0}.M-Flipper .digital:before{border-bottom:1px solid #666;border-radius:10px 10px 0 0;bottom:50%;top:0}.M-Flipper .digital:after{border-radius:0 0 10px 10px;bottom:0;line-height:0;top:50%}.M-Flipper.down .front:before{z-index:3}.M-Flipper.down .back:after{transform:perspective(160px) rotateX(180deg);transform-origin:50% 0;z-index:2}.M-Flipper.down .back:before,.M-Flipper.down .front:after{z-index:1}.M-Flipper.down.go .front:before{animation:frontFlipDown .6s ease-in-out both;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 -2px 6px #ffffff4d;transform-origin:50% 100%}.M-Flipper.down.go .back:after{animation:backFlipDown .6s ease-in-out both}.M-Flipper.up .front:after{z-index:3}.M-Flipper.up .back:before{transform:perspective(160px) rotateX(-180deg);transform-origin:50% 100%;z-index:2}.M-Flipper.up .back:after,.M-Flipper.up .front:before{z-index:1}.M-Flipper.up.go .front:after{animation:frontFlipUp .6s ease-in-out both;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 2px 6px #ffffff4d;transform-origin:50% 0}.M-Flipper.up.go .back:before{animation:backFlipUp .6s ease-in-out both}@keyframes frontFlipDown{0%{transform:perspective(160px) rotateX(0deg)}to{transform:perspective(160px) rotateX(-180deg)}}@keyframes backFlipDown{0%{transform:perspective(160px) rotateX(180deg)}to{transform:perspective(160px) rotateX(0deg)}}@keyframes frontFlipUp{0%{transform:perspective(160px) rotateX(0deg)}to{transform:perspective(160px) rotateX(180deg)}}@keyframes backFlipUp{0%{transform:perspective(160px) rotateX(-180deg)}to{transform:perspective(160px) rotateX(0deg)}}.M-Flipper .number0:after,.M-Flipper .number0:before{content:"0"}.M-Flipper .number1:after,.M-Flipper .number1:before{content:"1"}.M-Flipper .number2:after,.M-Flipper .number2:before{content:"2"}.M-Flipper .number3:after,.M-Flipper .number3:before{content:"3"}.M-Flipper .number4:after,.M-Flipper .number4:before{content:"4"}.M-Flipper .number5:after,.M-Flipper .number5:before{content:"5"}.M-Flipper .number6:after,.M-Flipper .number6:before{content:"6"}.M-Flipper .number7:after,.M-Flipper .number7:before{content:"7"}.M-Flipper .number8:after,.M-Flipper .number8:before{content:"8"}.M-Flipper .number9:after,.M-Flipper .number9:before{content:"9"}.FlipClock{text-align:center}.FlipClock .M-Flipper{margin:0 3px}.FlipClock em{display:inline-block;font-size:66px;font-style:normal;line-height:102px;vertical-align:top}.MFooter{font-size:.8rem;margin-bottom:50PX;text-align:center;width:100%}
/*# sourceMappingURL=main.096d033d.css.map*/