@import url(https://fonts.googleapis.com/css?family=Berkshire+Swash);@import url(https://fonts.googleapis.com/css?family=Roboto);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;font-family:Roboto,sans-serif;font-size:12px;margin:0;overflow-x:hidden;padding:0}.NavMenu{margin-bottom:10px;margin-top:30px;text-transform:none}.NavMenu .entry{cursor:pointer;text-transform:uppercase}.NavMenu .entry:hover{color:#369}.NavMenu .entry.selected,.NavMenu .entry:hover{border-bottom:1px dashed #000}#main{margin:auto;max-width:600px;text-align:center;text-transform:uppercase}#header{background-color:#fff;margin-top:25px;padding:15px;position:relative;z-index:10}#stats{left:0;padding:3px 6px}#social,#stats{position:absolute;top:0}#social{font-size:1.5em;opacity:.5;padding:2px 5px;right:0}#social a{color:#000}h1{font-family:Berkshire Swash,cursive;font-size:3em;margin-top:0;text-transform:none}h1 .version{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.25em}.page{left:50%;position:absolute;transform:translate(-50%);transition:left .25s,transform .25s;width:718px}.choose-page:not(.selected){left:0;transform:translate(-100%)}.browse-page:not(.selected){left:100%;transform:translate(100%)}@media (min-width:768px){body{font-size:16px}#main{max-width:718px}#header{margin-top:35px}}.CoupleSelector{margin:10px auto;text-align:left}.choose-page .Camembert{height:50px;margin:auto;width:50px}.browse-page .Camembert{height:150px;margin:auto;width:150px}@media (min-width:768px){.choose-page .Camembert{float:left;height:70px;margin-right:10px;width:70px}}.browse-page{width:320px}.browse-page .answer.right{color:#46bfbd}.browse-page .answer.wrong{color:#f7464a}.line{align-items:center;display:flex;height:125px;overflow:hidden;padding:15px 0}.line.animated{transition:all 1s}.line .left{width:20%}.line .round{font-size:2em;margin:.35em 0}.line.answer,.line.score{border-top:1px solid #0000001a}.answer .share{font-size:.7em;text-transform:none}.line .terms{height:125px;margin:auto;position:relative;width:60%}.line .right{font-size:.7em;text-transform:none;width:20%}.final-score{font-size:2em;width:100%}.line .term{display:inline-block;position:absolute;transition:.25s;width:50%}.line .termA{left:50%;top:0;transform:translateX(-50%)}.line .termA:before{content:"<- "}.line .termA:after{content:" ->"}.line .termB{left:50%;top:100%;transform:translate(-50%,-100%)}.line .term1{left:0;top:50%;transform:translateY(-50%)}.line .term2{left:100%;top:50%;transform:translate(-100%,-50%)}.line .terms.left-choice .termA{left:0;top:33%;transform:translateY(-50%)}.line .terms.left-choice .termA:after,.line .terms.left-choice .termA:before{content:""}.line .terms.left-choice .term1{top:66%}.line .terms.left-choice .termB{left:100%;top:33%;transform:translate(-100%,-50%)}.line .terms.left-choice .term2{top:66%}.line .terms.right-choice .termA{left:100%;top:33%;transform:translate(-100%,-50%)}.line .terms.right-choice .termA:after,.line .terms.right-choice .termA:before{content:""}.line .terms.right-choice .term1{top:66%}.line .terms.right-choice .termB{left:0;top:33%;transform:translateY(-50%)}.line .terms.right-choice .term2{top:66%}.line .equal{animation:opacity .25s;display:inline-block;opacity:0;position:absolute;top:49%;width:50%}.line .equal-left{left:0;transform:translateY(-50%)}.line .equal-right{left:100%;transform:translate(-100%,-50%)}.line .left-choice .equal,.line .left-choice .right-zone,.line .right-choice .equal,.line .right-choice .right-zone{opacity:.5}@media (min-width:768px){.terms .termA:after,.terms .termA:before{content:""}.line .left{width:30%}.terms{width:40%}.line .right{text-align:left;width:30%}.correct strong{color:#46bfbd}.wrong strong{color:#f7464a}.answer .pie-container{float:left;height:70px;margin-right:10px;width:70px}.terms #termA:after,.terms #termA:before{content:""}}.question.loading{opacity:.5}.question .zone{cursor:pointer;height:100%;position:absolute;width:50%}.question .right-zone{border-left:1px solid #000;opacity:0;right:0;transition:.25s}
/*# sourceMappingURL=main.8a144c04.css.map*/