#canvas{border-radius:50%}.spinWhell{display:flex;justify-content:center;align-items:center;flex-direction:row}.fa-caret-left{color:#fff;font-size:70px;font-weight:501!important}.fa-solid,.fas{font-family:"Font Awesome 6 Pro";font-weight:900!important;font-size:26px}.fa-xmark{color:#ff7478}.fa-check{color:#00f49e;font-size:18px}#spinButton{display:block;margin:20px auto;padding:10px 20px;font-size:18px;cursor:pointer}header#home{display:none}h1{color:#fff}.hiddenTitle{visibility:hidden}.infoSendMessage{display:flex;justify-content:space-evenly;align-items:center}.infoSendMessage p{color:#fff}.site-content{background:url(/wp-content/images/accueileleve/bg.svg) no-repeat;background-size:cover;min-height:100vh}.informationExercice{color:#ccc;margin-bottom:10px}.fullPage{display:flex;justify-content:space-around}.fullPage2{display:flex;justify-content:space-around;position:relative}.fullPage3{margin-bottom:30px;position:absolute;top:100px;left:-500px;visibility:hidden}.inactive{display:none!important}div.words{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.column{display:flex;flex-direction:column;align-items:flex-start;margin:0 5%}.wordAndMark{display:flex}.groupOf5Messages{display:flex;justify-content:space-between}.wordsSerie{background-color:#fff;position:relative;border-radius:15px;max-width:45%;min-width:35%;display:flex;flex-direction:column;justify-content:space-evenly}.progress-container{display:flex;margin:20px 20%;width:60%;height:20px;border-radius:10px;background-color:#eaeaea}#myBar{background-color:#7d7dff;border-radius:10px}.wordsSerie .title{color:#78d5f9;margin:10px;font-size:24px;font-weight:700}.buttonStartExercice{color:#fff!important;background-color:#78d5f9;border-bottom:3px solid #4ec6f7;border-radius:10px;padding:2% 4%}.messageDisplay,.titlePage{display:flex;align-items:center}.titlePage{margin:0 0 15px 10px}.btnRetour{color:#fff!important;padding:10px}.titlePage h1{margin:0 0 0 10px}#inputMessage{cursor:default;margin-bottom:10px;font-size:16px}.locked{color:#ccc!important;border-color:#ccc!important;cursor:default}.satellite{animation:satellite1 10s infinite;margin:25px 0;width:80%}.btnMessageToSend,.btnSendMessage{border:none;background-color:#fff;border-radius:50%;padding:8px;color:#78d5f9}.btnSendMessage{margin-left:15px}input[type=text]{line-height:44px;border:2px solid #eaeaea;padding:2px 10px;font-weight:700;border-radius:15px;border-bottom:4px solid #eaeaea;font-size:24px}.btnDelete{border:none;background-color:#fff;border-radius:14px;padding:9px 7px;color:#ff7478}.btnDelete:focus{border-color:#ff7478}.btnMessageToSend:focus,.btnSendMessage:focus{border-color:#78d5f9}.messageToSend,.tools{margin:20px}.level{color:#78d5f9;margin:20px 10px 10px 0;font-weight:700;font-size:20px}.levelRodsInfo{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.levelAndRod{display:flex;align-items:center}.pInfoLevel{color:#cacaca;margin:0 10px;font-size:14px}.little{font-size:20px}.animationTitle{animation:fadeOutFadeIn 3s}.rods{display:flex}.rod{display:flex;width:10px;height:20px;margin:10px 3px 0 3px;opacity:.5;border-radius:5px;background:#78d5f9}.word{font-size:18px;text-align:left;margin-left:15px;color:#abb8c3}.status3{color:#00f49e}.status2{color:#ff7478}.status1{color:#000}.status0{color:#abb8c3}.button1{margin:0 0 30px 0}.hidden{display:none}.hiddenFade{display:none;animation:fadeOut 2s}.sendMessage{display:flex;flex-direction:column;align-items:center;background-color:#fff;margin-top:20px;max-width:45%;min-width:35%;position:relative;border-radius:15px}.message{margin:5px 10px;padding:5px 10px;border-radius:14px;line-height:35px;min-width:70px;font-weight:700;cursor:pointer;font-size:34px}.message:hover{opacity:.8}.actionSide{position:relative;width:100%}.SMWordsSerie{animation:inToOut 5s;top:-1000px}.SMWordsSerieMobile{animation:inToOutMobile 3s;left:700px}.SMSendMessage{animation:outToIn4 5s;top:0}.SMSendMessageMobile{animation:outToIn2Mobile 3s;left:0}.SM2WordsSerie{animation:outToIn 5s;top:0}.SM2WordsSerieMobile{animation:outToInMobile 3s;left:0}.SM2SendMessage{animation:inToOut4 5s;top:0}.SM2SendMessageMobile{animation:inToOut2Mobile 3s;left:0}.SM3SendMessage{animation:outToIn3 5s;top:0}.SM4SendMessage{animation:inToOut3 5s;top:-1000px}.SM5SendMessage{animation:outToIn2 5s;top:0}.SM6SendMessage{animation:inToOut2 5s;top:-1000px}.SM7SendMessage{animation:outToIn5 5s;top:0}.SM8SendMessage{animation:inToOut5 5s;top:-1000px}.showWhell{animation:showWhell 4s;left:0;width:33%;margin:0 33%}.hideSatellite{position:relative;animation:hideSatellite 3s .75s forwards}.hideMessageDisplay{opacity:1;animation:fadeOut 1s forwards}@keyframes inToOut{from{top:0}to{top:-1000px}}@keyframes inToOutMobile{from{left:0}to{left:700px}}@keyframes outToIn{from{top:-1000px}to{top:0}}@keyframes outToInMobile{from{left:700px}to{left:0}}@keyframes inToOut2{from{top:-280px}to{top:-1000px}}@keyframes inToOut2Mobile{from{left:0}to{left:-700px}}@keyframes outToIn2{from{top:-1000px}to{top:-280px}}@keyframes outToIn2Mobile{from{left:-700px}to{left:0}}@keyframes inToOut3{from{top:-390px}to{top:-1405px}}@keyframes outToIn3{from{top:-1405px}to{top:-390px}}@keyframes inToOut4{from{top:-700px}to{top:-1500px}}@keyframes outToIn4{from{top:-1500px}to{top:-700px}}@keyframes inToOut5{from{top:-260px}to{top:-1000px}}@keyframes outToIn5{from{top:-1000px}to{top:-260px}}@keyframes satellite1{0%{transform:rotate(0)}50%{transform:rotate(20deg)}100%{transform:rotate(0)}}@keyframes showWhell{0%{left:-1000px}68%{left:3%}75%{left:-2%}85%{left:2%}90%{left:-1%}94%{left:1%}97%{left:.5%}100%{left:0}}@keyframes hideSatellite{0%{transform:translateX(0) translateY(0) rotate(0)}100%{transform:translateX(1500px) translateY(200px) rotate(1440deg)}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOutFadeIn{0%{opacity:0}100%{opacity:1}}@media (max-width:1200px){.wordsSerie{min-width:40%}.message{min-width:60px}}@media (max-width:1000px){.message{min-width:45px}}@media (max-width:850px){.fullPage,.fullPage2{flex-direction:column;align-items:center;margin:20px 0}.satelliteAndMessage{margin-bottom:30px}.sendMessage,.wordsSerie{max-width:75%;min-width:65%}.showWhell{width:100%;margin:0 2%}#canvas{width:75%;height:75%}.message{min-width:60px}}@media (max-width:520px){.message{min-width:43px;padding:5px 2px;margin:5px 8px}.wordsSerie{min-width:85%}}@media (max-width:390px){.message{min-width:40px;padding:3px 2px;margin:4px 7px}}