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;background:linear-gradient(90deg,#e3ffe7,#d9e7ff);padding:0}p{line-height:22px}.App{text-align:center}.loading,.question{margin:30px auto 10px}.question{position:relative;padding:20px;max-width:400px;background:linear-gradient(0deg,#fdfdfd,#f0f0f0);box-shadow:0 2px 6px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19);border:1px solid #ddd;border-bottom:8px solid #fff}.question:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.question-word{font-size:40px;margin:20px auto}.question-pos{margin-top:5px;margin-bottom:3px;font-size:12px}.question-number{position:absolute;bottom:0;right:0;padding:3px;font-size:10px}.question-definition{display:block!important;color:#444;width:216px;font-size:13px;margin:10px auto;filter:blur(3px);-webkit-filter:blur(3px)}.question-definition:hover{filter:none;-webkit-filter:none}.level-letter{position:absolute;bottom:0;left:0;padding:3px;line-height:36px;font-size:50px;font-weight:800;color:#fff}.letter-A1{color:#f3d7d0}.letter-A2{color:#f8ddc6}.letter-B1{color:#f7eaca}.letter-B2{color:#c5f0eb}.letter-C1{color:#b8dfee}.letter-C2{color:#e6c7f5}.diagram-column .letter-A1,.diagram-column .letter-A2,.diagram-column .letter-B1,.diagram-column .letter-B2,.diagram-column .letter-C1,.diagram-column .letter-C2{color:#fff}.question-button{margin:20px auto 10px;font-size:20px;border:0;padding:12px;width:100px;height:60px}.button-yes{margin-right:20px;background:linear-gradient(180deg,#b7ebc2,#a2cfb1)}.button-yes:hover{background:linear-gradient(180deg,#a7dbb2,#92bfa1)}.button-no{margin-left:20px;background:linear-gradient(180deg,#fdb3a9,#fdaeae)}.button-no:hover{background:linear-gradient(180deg,#eda399,#ed9e9e)}a{text-decoration:none}.heading{width:100%;background:#f8f8f8;margin:0;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #bbb;text-transform:uppercase;font-weight:200;font-family:"Dosis",sans-serif;font-size:60px;color:#2e2e2e}.headingtest{font-weight:600;color:#7619a1}.button-again{margin:20px auto 10px;font-size:20px;border:0;padding:10px 30px;background:linear-gradient(180deg,#b7ebc2,#a2cfb1);display:block}.button-again:hover,.button-start:hover{background:linear-gradient(180deg,#a7dbb2,#92bfa1)}.button-start{background:linear-gradient(180deg,#b7ebc2,#a2cfb1);border:0;display:inline-block;margin:20px 10px 0;padding:10px}.button-start svg{vertical-align:middle;padding-right:10px}.diagram{display:inline-block}.diagram-column{display:block;float:left;border:1px solid #888;border-bottom:8px solid #fff;background:#f0f0f0;margin:5px;padding:0;width:120px;height:100%}.diagram-bg-A1{background:#f3d7d0}.diagram-bg-A2{background:#f8ddc6}.diagram-bg-B1{background:#f7eaca}.diagram-bg-B2{background:#c5f0eb}.diagram-bg-C1{background:#b8dfee}.diagram-bg-C2{background:#e6c7f5}.nowords{background:#fff}.diagram-column .diagram-level{font-size:35px;font-family:"Dosis",sans-serif;font-weight:800;background:#fff;border-bottom:1px solid #eee}.level-A1 .diagram-level{background:#f3d7d0}.level-A2 .diagram-level{background:#f8ddc6}.level-B1 .diagram-level{background:#f7eaca}.level-B2 .diagram-level{background:#c5f0eb}.level-C1 .diagram-level{background:#b8dfee}.level-C2 .diagram-level{background:#e6c7f5}.diagram-column p{margin:0;padding:3px;word-wrap:break-word}.diagram-column .unknown{color:#a82e0f;background:#fff}.diagram-column .known{color:#454}.level-A1{border-bottom-color:#e76f51}.level-A2{border-bottom-color:#f4a261}.level-B1{border-bottom-color:#e9c46a}.level-B2{border-bottom-color:#64aaa2}.level-C1{border-bottom-color:#4d94b1}.level-C2{border-bottom-color:#a369be}.unknown .diagram-word:nth-child(2n){background:#f8f8f8}.level-A1 .known .diagram-word:nth-child(2n){background:#eacfc8}.level-A2 .known .diagram-word:nth-child(2n){background:#ecd2bb}.level-B1 .known .diagram-word:nth-child(2n){background:#ebdfbf}.level-B2 .known .diagram-word:nth-child(2n){background:#bae5e0}.level-C1 .known .diagram-word:nth-child(2n){background:#add4e3}.level-C2 .known .diagram-word:nth-child(2n){background:#dbbce9}.cefr{margin-bottom:4px}.cefrlink{margin-top:0;font-size:12px;color:#666}.introtext{width:500px;max-width:90%;margin:20px auto}.introtext p{text-align:left}.introtext p .green{color:green;font-weight:800}.introtext p .red{color:red;font-weight:800}@media (max-width:800px){.diagram{margin:0 auto;width:400px}.diagram-column{width:30%}}@media (max-width:500px){.heading{font-size:40px}.diagram{min-width:360px}.diagram-column{width:30%}}.known div.diagram-word,.unknown div.diagram-word{position:relative}.known div.diagram-word:hover .diagram-tooltip,.unknown div.diagram-word:hover .diagram-tooltip{visibility:visible}.diagram-tooltip{display:block;visibility:hidden;width:250px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:12px 20px;position:absolute;z-index:1;bottom:25px;left:-72%;text-align:left}.diagram-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#000}.social-buttons button svg{vertical-align:bottom}
/*# sourceMappingURL=main.0baeb532.chunk.css.map */