header{height:50px;background:rgba(0,0,0,.8)}.nav-bar{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-item{color:#fff;padding:10px 30px}.title{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.title-item{font-size:50px}.prefix{font-size:70px;text-align:left;padding:0 10px}.counter-wrapper{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.counter{font-size:80px}.number{font-size:120px}.content-wrapper{min-height:calc(100vh - 110px)}.post-twitter{margin:20px}.img-twitter{width:50px}.result-announce{text-align:center}.img-result-announce{width:80vw}#app{font-family:Pretty Momo;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh}.info,footer{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer{background:rgba(0,0,0,.8)}.credit{color:#fff}.modal{font-family:Archivo Black,sans-serif}.modal-background{position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6)}.modal-content{position:fixed;background:#fff;width:40vw;height:40vh;top:30vh;left:30vw;z-index:200;border-radius:5px}.modal-title{margin:10px;font-size:2rem;text-align:left}.author{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px}.img-yukiho{width:100px;height:100px}.link-close{font-size:1.5rem}.dummy{display:none}@media screen and (max-width:480px){.title{padding:1rem 0;display:block}.title-item{font-size:1.8rem}.prefix{font-size:2rem}.content-wrapper{min-height:calc(100vh - 5.5rem)}.counter-wrapper{padding:1.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.counter{font-size:3rem}.number{font-size:4.5rem}.post-twitter{margin:.5rem}.modal-content{width:60vw;height:40vh;top:30vh;left:20vw}.modal-title{font-size:1.2rem}.link-close{font-size:1.1rem}}