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;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}html{color:#f5f5f5;height:100vh}.startmanuebar{background-image:url(/static/media/city.766d855982ec573b1299.svg);background-size:cover;height:100%;text-align:center;width:100%}.manuebar{height:50%}.manuebar,.start{width:100%}.login{color:#008ae2;font-size:1.5rem;font-weight:600;position:relative;text-align:right}.loginbutton{background:transparent;border:4px solid #008ae2;border-radius:1rem;color:#008ae2;font-family:Nico Moji;font-size:2rem;font-weight:500;margin:1rem;padding:1rem;position:absolute;right:0;top:0}.displayname{color:#008ae2;font-size:1.5rem;font-weight:600;position:relative;text-align:right}.name{top:5rem}.logout,.name{font-family:Nico Moji;margin:1rem;padding:1rem;position:absolute;right:0}.logout{background:transparent;border:4px solid #008ae2;border-radius:1rem;color:#008ae2;font-size:2rem;font-weight:500;top:0}.pc-dsp,.root,.sp-dsp{height:100%}.root{background-color:#abd1ea}.frompc{font-size:3em;height:100%;padding-top:60%}.frompc,.startButton{color:#008ae2;font-family:Nico Moji;text-align:center}.startButton{font-size:5rem;width:100%}.volumebutton{color:#008ae2;left:0;margin:1rem;padding:1rem;position:absolute;top:0;width:4rem}.volumebutton img{width:3rem}.volumebutton button{background:transparent;border:none;outline:none;width:3rem}p{margin:0}.inputbar{border-radius:2rem;padding-top:20vh;width:100%}.baranimation{-webkit-animation:anim 2.5s linear infinite;animation:anim 2.5s linear infinite}.questionBox{color:#008ae2;font-size:5rem;font-weight:700;height:6rem;padding-top:5.5rem;text-align:center}.textOutput{font-size:3rem;height:10rem;padding-bottom:3rem;text-align:center}.colorGray{color:#008ae2}.underbar{text-decoration:underline}.colorwhiteGray,.underbar{color:#000}.blue{-webkit-filter:invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%);filter:invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%)}.Game{background-image:url(/static/media/city.766d855982ec573b1299.svg);background-size:cover;height:100%}.Game img{-webkit-filter:invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%);filter:invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%)}.game{background-image:url(/static/media/inputbar.1867c45681a3480276a7.svg);background-size:cover;height:20rem;margin:0 auto;width:70rem}.kanban{width:50rem}.manue{text-align:center;width:100%}@-webkit-keyframes animstart{0%{-webkit-transform:translateX(200vw);transform:translateX(200vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animstart{0%{-webkit-transform:translateX(200vw);transform:translateX(200vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes animend{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200vh);transform:translateX(-200vh)}}@keyframes animend{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200vh);transform:translateX(-200vh)}}.result_frame{background-image:url(/static/media/city.766d855982ec573b1299.svg);background-size:cover;height:100%}.backtohome{color:#008ae2;font-family:Nico Moji;font-size:4em;text-align:center}.resultkanban{padding-top:1em;text-align:center}.resultkanban img{max-width:35rem;width:60%}.result{background-color:#008ae2;border-radius:2rem;font-family:Nico Moji;height:60%;margin:0 auto;max-height:20rem;max-width:40rem;padding:3rem;width:60%}p.kana,p.title{margin-bottom:0;margin-top:0}.left{float:left}.right{text-align:right}.box{height:20%;margin:0;max-height:7em;padding:1em 2em}.title{font-size:3em;width:100%}.kana{font-size:1.5em}.rank_link{border:solid;border-color:#fff;border-radius:8px;margin:auto;text-align:center;width:80%}.rank_link p{color:#fff;cursor:pointer;cursor:hand;font-size:3em}.rank{background-image:url(/static/media/countoryroad.8e496567f9228b475e0e.svg);background-repeat:no-repeat;background-size:contain;color:#fff;display:block;font-family:Nico Moji;font-size:large;height:100%;width:6rem}.rank p{margin-top:1.5rem}.rankname{background-image:url(/static/media/inputbar.1867c45681a3480276a7.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#000;display:block;font-family:Nico Moji;font-size:large;height:100%;width:25rem}.rankname p{margin:2.2rem}.score{background-image:url(/static/media/score.7bf82a325a36da396db6.svg);background-repeat:no-repeat;background-size:contain;color:#fff;font-family:Nico Moji;font-size:large;width:5rem}.score p{margin-top:3.5rem}.loader{-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite;border-radius:50%;color:#0662b8;font-size:90px;height:1em;margin:72px auto;overflow:hidden;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rankbox{display:flex;height:6rem;justify-content:center}.ranking{background-image:url(/static/media/city.766d855982ec573b1299.svg);background-size:cover;height:100%;text-align:center}.scroll{height:85%;overflow-y:scroll}.rankingimg{height:15%}.rankingimg img{height:100%}
/*# sourceMappingURL=main.d9115919.css.map*/