body{margin: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{height:100vh}.App{min-height:100vh;min-width:100%}.App-inner{position:relative;text-align:center;padding:2em;top:0;left:50vw;-webkit-transform:translate(-50%);transform:translate(-50%);max-height:100%;display:flex;flex-direction:column;align-items:center}.App-result{display:flex;flex-direction:row}.task-display{position:relative;max-width:720px}.task-display .image-gallery{width:100%}.contrast{position:relative;display:flex;flex-direction:row}.new-task-display{width:512px;margin-left:50px}.display-legend{margin-bottom:10px;display:flex;justify-content:space-between;font-size:32px;font-weight:500}.enter-btn-new{background:#f06191;height:52px;width:179px;border-radius:63px 63px 63px 63px;font-weight:700;color:#fff;font-size:22px}.rate{display:none;position:absolute;bottom:200px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:10px 20px;background:rgba(0,0,0,.4);color:#fff;white-space:nowrap}.task-display:hover .rate{display:block}.rate span{display:inline-block;width:100%}.rate .rate-item,.rate span{text-align:left}.rate .rate-type{width:100px;text-align:right;margin-right:10px}.rate .rate-value{width:50px}.rate .rate-count{min-width:100px;margin-left:10px}.recommend-query{font-weight:500;font-size:18px;position:relative;width:480px;bottom:150px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:8px 10px;background:#000;color:#fff;white-space:nowrap}.image-gallery-slide{padding-bottom:48px}.image-gallery-slide .image-gallery-description{transition:all .45s ease-out 0s;bottom:0;width:480px;vertical-align:middle;text-align:center;margin-left:92px;font-weight:500;font-size:18px;padding:15px 10px;background:#000;color:#fff;white-space:nowrap}.image-gallery-thumbnail{margin-top:40px;display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media only screen and (max-width:768px){.App-inner{overflow-y:scroll;max-width:100vh}.task-display .image-gallery{width:100%}.recommend-query{font-weight:500;font-size:12px;position:relative;width:144px;bottom:224px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:8px 10px;background:#000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-gallery-slide{padding-bottom:28px}.image-gallery-slide .image-gallery-description{transition:all .45s ease-out 0s;bottom:0;width:144px;vertical-align:middle;text-align:center;margin-left:calc(50% - 72px);font-weight:500;font-size:12px;padding:8px 10px;background:#000;color:#fff;white-space:nowrap}.rate{display:block;position:relative;bottom:150px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:10px 8px;background:rgba(0,0,0,.4);color:#fff;white-space:nowrap}.rate .rate-type{width:64px;text-align:left;margin-right:8px}.rate .rate-count{min-width:100px;margin-left:8px}.image-gallery-slide img{height:144px!important}.image-gallery-thumbnail{margin-top:88px;width:52px}.image-gallery-thumbnail img.image-gallery-thumbnail-image{width:48px!important}}.App-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#fff,hsla(0,0%,100%,.5019607843137255))}.login{padding-bottom:5em;max-width:720px}.login .header{margin-bottom:20px;font-size:2.5em}.input-inner-header{padding-left:10px;padding-right:10px;border-right:1px solid #d3d3d3}.login-btns{margin-top:1em}.login-btns .wbtn{color:#000;background:#fff;transition:all .25s;border-radius:0;margin:.25em .75em;width:10em}.login-btns .wbtn:hover{color:#fff}.login-btns .login-btn{border-color:#531dab}.login-btns .login-btn:hover{background:#531dab;border-color:#531dab}.login-btns .history-display-btn{background:#fff;border-color:#3f6600}.login-btns .history-display-btn:hover{background:#3f6600;border-color:#3f6600}.login-btns .lang-btn{border-color:#096dd9}.login-btns .lang-btn:hover{background:#096dd9;border-color:#096dd9}.login-btns .github-btn{border-color:#262626}.login-btns .github-btn:hover{background:#262626;border-color:#262626}.login-description,.login-input{margin-top:5px}.login .enter-btn{margin-left:10px}.login .enter-btn:hover{cursor:pointer}.image-gallery-slide img{width:100%;height:480px}.score-board .header{margin-bottom:20px;font-size:1.75em}.score-board .header .header{margin-top:5px}.score-board .user-score{color:#006400}.poetry-container{position:relative;height:calc(100vh - 80px);width:100%;margin:0}@media only screen and (min-width:720px){.poetry-container{width:calc(100% - 6em);margin:0 3em}}@media only screen and (max-width:480px){.new-task-display{display:none}}.poetry-inner{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:100%;padding:1em 0}.poetry-card{margin:.5em;height:calc(50% - 1.5em);border-radius:.5em;border:.1em dashed #d3d3d3;background:hsla(0,0%,100%,.6274509803921569)}.poetry-card.selected{border:.2em solid #6a5acd;background:hsla(0,0%,100%,.8784313725490196)}.poetry-card .title{font-size:1.5em;margin-bottom:.25em}.poetry-card .author{font-size:1.15em;margin:0 0 .5em}.poetry-card .line{font-size:1.1em}.turing-test .submit-btn{position:absolute;right:1em;bottom:1em;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:1000}.submit-btn-input{opacity:.5}.submit-btn-input.last{opacity:1}.poetry-card-inner{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.description{background:hsla(0,0%,100%,.6274509803921569);position:absolute;top:calc(100% - 5em);left:0;margin:.5em 1.5em;border-radius:.5em;padding:.5em 1em;font-size:.9em;text-align:left}.timer{position:fixed;right:1em;top:1em;z-index:3000}.guide-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5019607843137255);color:#fff;font-size:1.25em;z-index:2000}.guide-container{position:relative;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1em;text-align:center}.guide-container .skip{margin-top:.75em}.guide-container .btn{margin:0 .5em}.loading-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.6274509803921569)}.loading-mask .mask-inner{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:2.5em}.email-input{position:relative;margin-top:1em}.rank-board{width:100%;height:100%;padding:2.5em 1.5em;text-align:center;overflow:scroll}.rank-board .top-info{font-size:2em;width:100%}.rank-board .header-info{margin:1em 0;font-size:1.25em}.rank-board .rank-table,.rank-board .rank-table .row-container,.rank-board .rank-table .skip{border:1px solid #789}.rank-board .rank-table .row-container .rank{width:2em;border-right:1px solid #789}.poetry-header{position:relative;height:80px;top:0;width:100%;-webkit-transform:translate(0);transform:translate(0);padding:30px 0 0}.poetry-header .tail{text-align:right;font-size:.5em;color:grey;margin-right:15px}.prompt{font-size:14px;padding:10px 15px;background:rgba(255,239,167,.5019607843137255);border-radius:5px;margin-bottom:10px}.prompt p{margin:4px 0;padding:0}#logo-description{font-size:32px;font-weight:500;background-image:linear-gradient(90deg,#2537b0,#7ee6ce);background-size:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;margin:20px 5px 25px 0}.logo{height:128px;background-repeat:no-repeat;background-position:50%;margin-bottom:20px}@media only screen and (max-width:480px){.logo{height:96px;background-size:75%;margin-bottom:5px}#logo-description{font-size:20px}.login{padding-bottom:15px}}.history-title{display:flex;justify-content:space-between;height:22px}.history-item{padding:5px}.history-item:hover{background:rgba(17,17,17,.06666666666666667);cursor:pointer}.history-description{margin:5px 0}.history-description p{margin:0}.history-refresh-btn{margin-left:5px}.waiting-list .item{margin-left:5px;text-align:left;margin-top:10px}.waiting-list .item .content{display:inline-block;vertical-align:top}.waiting-list .item span{margin-left:10px}.waiting-list .item .time{color:grey}.waiting-list .item .author{color:#444}
/*# sourceMappingURL=main.6bb52762.chunk.css.map */