#content-game{font-size:1.5em;width:100%;position:relative;user-select:none}@media all and (max-width:701px){#content-game{font-size:1em}}#listen{margin:20px;user-select:none}#choice{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;position:absolute;top:0;width:100%;height:100%}.letter{position:relative;background-color:#fff;width:10%;height:10%;border:solid;text-align:center}.box-syllable{font-size:2em;position:relative;width:9%;height:9%;margin:1%;background-color:rgba(255,255,255,.8)}#syllables{width:22.5%;height:7.5%;display:flex;flex-direction:row;position:absolute;top:42%;left:40%}.syll{width:33%;height:100%;border:solid #000 1px}.box{cursor:pointer;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:3}.hammer2{width:20%;height:10%;position:absolute;top:35%;left:37%}.hammer{width:20%;height:13%;position:absolute;top:29%;left:37%}.link_letter{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.syllable{width:20%;margin:5%;text-align:center;border:solid}#hoist{position:absolute;top:5%;left:0;width:40%}#image_bg{width:100%}#image_hoist{width:100%}.answer{position:absolute;width:19%;border:solid;height:19%;top:35%;left:69%;background-color:#fff;background-size:100%}.box,.moved,.syll1{position:absolute;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;border:none}.syll{position:relative}.ok{display:none;position:absolute;top:35%;left:65%}.hoist-left{width:40%;height:40%;position:absolute;top:37%;left:0}.hoist-right{width:40%;height:40%;position:absolute;top:37%;left:62%}#correction{text-align:center;position:absolute;top:52%;left:35%}#bloc_end{position:absolute;top:68%;left:40%}@media all and (max-width:500px){.box-syllable{width:12%;height:12%}#hoist{top:15%;width:50%}#syllables{top:62%;left:48%}}