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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:SNsana;src:url(/static/media/SNsana.af880dc92acbd29798e2.ttf) format("truetype"),url(/static/media/SNsana.b8f101d4f6d2367ad39a.otf) format("opentype")}@font-face{font-family:Iansui;src:url(/static/media/Iansui.d20dce26950755ef5e9c.ttf) format("truetype"),url(/static/media/Iansui.db5f9118302aa9959e42.otf) format("opentype")}.SNsana{font-family:SNsana}.Iansui{font-family:Iansui}.hide{display:none!important;-webkit-user-select:none;user-select:none}.background{background:url(/static/media/Backgroung.5bf3cebf728a282e7fa9.png) no-repeat fixed 50%;height:auto;left:0;min-height:100vh;min-width:100vw;position:absolute;top:0;width:100vw;z-index:-1}#StartPage{height:100vh;width:100vw}#StartPage .title{align-items:center;-webkit-animation:titleShow 2s 1;animation:titleShow 2s 1;display:flex;font-size:8vmin;justify-content:center;margin-top:25vh;position:relative}#StartPage .lang{font-size:2vmin;padding:10px;position:relative}#StartPage .lang div:hover{color:#618255;cursor:pointer;margin-left:10px}#StartPage .diff{-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;display:flex;font-size:6vmin;justify-content:space-evenly;margin-top:100px;position:relative}#StartPage .diff div:hover{color:#618255;cursor:pointer;margin-top:-10px}#IntroPage{height:100vh;width:100vw}#IntroPage .title{align-items:center;-webkit-animation:diffShow 1s 1;animation:diffShow 1s 1;display:flex;font-size:6vmin;justify-content:center;margin-top:30vh;position:relative}#IntroPage .intro{-webkit-animation:diffShow 2s 1;animation:diffShow 2s 1;font-size:2vmin;margin:30px auto;width:50vw}#IntroPage .game{align-items:center;-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;background:hsla(45,36%,61%,.337);display:flex;font-size:6vmin;justify-content:center;margin-top:5vh;padding:10px;position:relative}#IntroPage .game:hover{color:#618255;cursor:pointer}#GamePage{height:100vh;width:100vw}#GamePage .cardCase{align-content:space-around;display:flex;flex-wrap:wrap;height:76vmin;justify-content:space-around;margin:20vh auto 0;position:relative;width:76vmin}#GamePage .cardCase.easy{height:54vmin;width:54vmin}#GamePage .cardCase.norm{height:51vmin;width:76vmin}#GamePage .cardCase.hard{height:76vmin;width:76vmin}#GamePage .cardDesc{font-size:2vmin;margin:1vh auto;position:relative;width:80vw}#GamePage .cardDesc.descShow{-webkit-animation:descShow 1s 1;animation:descShow 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Card{height:11vmin;opacity:0;position:relative;width:11vmin}#Card.cardIn{-webkit-animation:cardIn 2s 1;animation:cardIn 2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Card div{height:100%;width:100%}#Card .back{background:url(/static/media/CardBack.bdf24279c48891e60ec5.png) no-repeat 50%;background-size:100%;position:absolute;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:all .5s}#Card .back.flip{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}#Card .back.flipBack{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:1s}#Card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .5s;transition-delay:.5s}#Card .front.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}#Card .front.filpBack{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}#Card .front._1{background:url(/static/media/Card1.14389f6557ae6c5e9b8d.png) no-repeat 50%;background-size:100%}#Card .front._2{background:url(/static/media/Card2.a66ddec20bfeaa3c1366.png) no-repeat 50%;background-size:100%}#Card .front._3{background:url(/static/media/Card3.fcad2d7d8201867b0d79.png) no-repeat 50%;background-size:100%}#Card .front._4{background:url(/static/media/Card4.d2d092cdef67da12c904.png) no-repeat 50%;background-size:100%}#Card .front._5{background:url(/static/media/Card5.983a11a50e182730eb80.png) no-repeat 50%;background-size:100%}#Card .front._6{background:url(/static/media/Card6.c7107ae9c372c3d94569.png) no-repeat 50%;background-size:100%}#Card .front._7{background:url(/static/media/Card7.859b58fa009e265a2e8f.png) no-repeat 50%;background-size:100%}#Card .front._8{background:url(/static/media/Card8.6808efe5dd6bb0f54bcf.png) no-repeat 50%;background-size:100%}#Card .front._9{background:url(/static/media/Card9.9f024da0288281628d95.png) no-repeat 50%;background-size:100%}#Card .front._10{background:url(/static/media/Card10.757037c15dffe3075255.png) no-repeat 50%;background-size:100%}#Card .front._11{background:url(/static/media/Card11.6d9794b92a4b88efd92f.png) no-repeat 50%;background-size:100%}#Card .front._12{background:url(/static/media/Card12.82695ec1228c2919a941.png) no-repeat 50%;background-size:100%}#Card .front._13{background:url(/static/media/Card13.db61739b0ceb4a31dbc1.png) no-repeat 50%;background-size:100%}#Card .front._14{background:url(/static/media/Card14.480df92910fcb3b4a6ca.png) no-repeat 50%;background-size:100%}#Card .front._15{background:url(/static/media/Card15.345aa90cc63500a91d41.png) no-repeat 50%;background-size:100%}#Card .front._16{background:url(/static/media/Card16.604d3967ee522d022850.png) no-repeat 50%;background-size:100%}#Card .front._17{background:url(/static/media/Card17.bcb39ff0b585decd4335.png) no-repeat 50%;background-size:100%}#Card .front._18{background:url(/static/media/Card18.0763d83017ed75410474.png) no-repeat 50%;background-size:100%}#EndPage .title{align-items:center;-webkit-animation:titleShow 2s 1;animation:titleShow 2s 1;display:flex;font-size:8vmin;justify-content:center;margin-top:25vh;position:relative}#EndPage .start{-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;display:flex;font-size:50px;justify-content:space-evenly;margin-top:100px;position:relative}#EndPage .start:hover{color:#618255;cursor:pointer;margin-top:90px}@media only screen and (max-width:800px){#StartPage{height:100vh;width:100vw}#StartPage .title{align-items:center;-webkit-animation:titleShow 2s 1;animation:titleShow 2s 1;display:flex;font-size:12vmin;justify-content:center;margin-top:25vh;position:relative}#StartPage .title.en{font-size:10vmin}#StartPage .lang{font-size:5vmin;padding:10px;position:relative}#StartPage .lang div:hover{color:#618255;cursor:pointer;margin-left:10px}#StartPage .diff{-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;display:flex;font-size:10vmin;justify-content:space-evenly;margin-top:100px;position:relative}#StartPage .diff div:hover{color:#618255;cursor:pointer;margin-top:-10px}#IntroPage{height:100vh;width:100vw}#IntroPage .title{align-items:center;-webkit-animation:diffShow 1s 1;animation:diffShow 1s 1;display:flex;font-size:12vmin;justify-content:center;margin-top:30vh;position:relative}#IntroPage .title.en{font-size:8vmin}#IntroPage .intro{-webkit-animation:diffShow 2s 1;animation:diffShow 2s 1;font-size:4vmin;margin:30px auto;width:75vw}#IntroPage .game{align-items:center;-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;background:hsla(45,36%,61%,.337);display:flex;font-size:6vmin;justify-content:center;margin-top:5vh;padding:10px;position:relative}#IntroPage .game:hover{color:#618255;cursor:pointer}#GamePage{height:100vh;width:100vw}#GamePage .cardCase{align-content:space-around;display:flex;flex-wrap:wrap;height:76vmin;justify-content:space-around;margin:20vh auto 0;position:relative;width:76vmin}#GamePage .cardCase.easy{height:66vmin;margin-top:20vh;width:86vmin}#GamePage .cardCase.norm{height:135vmin;margin-top:3vh;width:95vmin}#GamePage .cardCase.hard{height:97vmin;margin-top:15vh;width:97vmin}#GamePage .cardDesc{margin:1vh auto;position:relative;width:80vw}#GamePage .cardDesc.en.norm{font-size:3vmin}#GamePage .cardDesc.en.hard{font-size:4vmin}#GamePage .cardDesc.descShow{-webkit-animation:descShow 1s 1;animation:descShow 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Card{height:20vmin;opacity:0;position:relative;width:20vmin}#Card.cardIn{-webkit-animation:cardIn 2s 1;animation:cardIn 2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Card.hard{height:15vmin;width:15vmin}#Card div{height:100%;width:100%}#Card .back{background:url(/static/media/CardBack.bdf24279c48891e60ec5.png) no-repeat 50%;background-size:100%;position:absolute;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:all .5s}#Card .back.flip{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}#Card .back.flipBack{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:1s}#Card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .5s;transition-delay:.5s}#Card .front.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}#Card .front.filpBack{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}#Card .front._1{background:url(/static/media/Card1.14389f6557ae6c5e9b8d.png) no-repeat 50%;background-size:100%}#Card .front._2{background:url(/static/media/Card2.a66ddec20bfeaa3c1366.png) no-repeat 50%;background-size:100%}#Card .front._3{background:url(/static/media/Card3.fcad2d7d8201867b0d79.png) no-repeat 50%;background-size:100%}#Card .front._4{background:url(/static/media/Card4.d2d092cdef67da12c904.png) no-repeat 50%;background-size:100%}#Card .front._5{background:url(/static/media/Card5.983a11a50e182730eb80.png) no-repeat 50%;background-size:100%}#Card .front._6{background:url(/static/media/Card6.c7107ae9c372c3d94569.png) no-repeat 50%;background-size:100%}#Card .front._7{background:url(/static/media/Card7.859b58fa009e265a2e8f.png) no-repeat 50%;background-size:100%}#Card .front._8{background:url(/static/media/Card8.6808efe5dd6bb0f54bcf.png) no-repeat 50%;background-size:100%}#Card .front._9{background:url(/static/media/Card9.9f024da0288281628d95.png) no-repeat 50%;background-size:100%}#Card .front._10{background:url(/static/media/Card10.757037c15dffe3075255.png) no-repeat 50%;background-size:100%}#Card .front._11{background:url(/static/media/Card11.6d9794b92a4b88efd92f.png) no-repeat 50%;background-size:100%}#Card .front._12{background:url(/static/media/Card12.82695ec1228c2919a941.png) no-repeat 50%;background-size:100%}#Card .front._13{background:url(/static/media/Card13.db61739b0ceb4a31dbc1.png) no-repeat 50%;background-size:100%}#Card .front._14{background:url(/static/media/Card14.480df92910fcb3b4a6ca.png) no-repeat 50%;background-size:100%}#Card .front._15{background:url(/static/media/Card15.345aa90cc63500a91d41.png) no-repeat 50%;background-size:100%}#Card .front._16{background:url(/static/media/Card16.604d3967ee522d022850.png) no-repeat 50%;background-size:100%}#Card .front._17{background:url(/static/media/Card17.bcb39ff0b585decd4335.png) no-repeat 50%;background-size:100%}#Card .front._18{background:url(/static/media/Card18.0763d83017ed75410474.png) no-repeat 50%;background-size:100%}#EndPage .title{align-items:center;-webkit-animation:titleShow 2s 1;animation:titleShow 2s 1;display:flex;font-size:12vmin;justify-content:center;margin-top:25vh;position:relative}#EndPage .start{-webkit-animation:diffShow 4s 1;animation:diffShow 4s 1;display:flex;font-size:50px;justify-content:space-evenly;margin-top:100px;position:relative}#EndPage .start:hover{color:#618255;cursor:pointer;margin-top:90px}}@-webkit-keyframes titleShow{0%{margin-top:10px;opacity:0}to{margin-top:25vh;opacity:1}}@keyframes titleShow{0%{margin-top:10px;opacity:0}to{margin-top:25vh;opacity:1}}@-webkit-keyframes diffShow{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes diffShow{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes descShow{0%{opacity:0}to{opacity:1}}@keyframes descShow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes cardIn{0%{opacity:0;top:-50vh}to{opacity:1;top:0}}@keyframes cardIn{0%{opacity:0;top:-50vh}to{opacity:1;top:0}}
/*# sourceMappingURL=main.7c0c086b.css.map*/