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}.body{min-height:100vh;width:100%;margin:0}.maclasse{background:#000;color:#fff;font-size:50px;width:200}.app_credits{font-weight:16px;position:absolute;bottom:0;opacity:0;-webkit-animation:fadeIn 2s ease-in-out 1.5s forwards;animation:fadeIn 2s ease-in-out 1.5s forwards}.app_credits:hover{cursor:pointer}.app{height:100vh;position:relative}.app_accueil{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100vh;z-index:1;-webkit-clip-path:circle(100%);clip-path:circle(100%);background-color:#fff}.app_picture{display:none}@media only screen and (min-width:600px){.app_picture{display:block;width:40%;object-fit:contain;margin-left:20px}}.app_left{width:90%}h1{font-size:70px;margin:0;color:#383232}h2{font-weight:400;font-size:30px}h1,h2{text-align:center}.app_choice{width:100%;margin-top:30px;display:flex;justify-content:space-between}@media only screen and (min-width:600px){h1,h2{text-align:left}.app_left{width:30%}.app_choice{width:70%}}.app_buttons{border:none;background:#383232;color:#fff;height:40px;border-radius:3px;transition:.5s;font-size:21px}.app_play{flex:1 1;margin-right:10px;display:none}.add{display:block;-webkit-animation:fadeIn 2s ease-in-out 1.5s forwards;animation:fadeIn 2s ease-in-out 1.5s forwards;opacity:0;font-size:15px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:.7}}@media only screen and (min-width:600px){.add{display:none}.app_play{display:block}}.app_explore{flex:1 1;margin-left:10px}button:hover{background:#000;flex:2 1;cursor:pointer}


/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-horizontal
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */.shake-horizontal{display:inherit;transform-origin:center center}.shake-constant.shake-constant--hover:hover,.shake-freeze,.shake-trigger:hover .shake-constant.shake-constant--hover{-webkit-animation-play-state:paused;animation-play-state:paused}.shake-freeze:hover,.shake-horizontal:hover,.shake-trigger:hover .shake-freeze,.shake-trigger:hover .shake-horizontal{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shake-horizontal{12%{transform:translate(6px) rotate(0)}24%{transform:translate(-7px) rotate(0)}42%{transform:translate(5px) rotate(0)}54%{transform:translate(7px) rotate(0)}64%{transform:translate(8px) rotate(0)}76%{transform:translate(-9px) rotate(0)}84%{transform:translate(-5px) rotate(0)}92%{transform:translate(2px) rotate(0)}0%,to{transform:translate(0) rotate(0)}}@keyframes shake-horizontal{12%{transform:translate(6px) rotate(0)}24%{transform:translate(-7px) rotate(0)}42%{transform:translate(5px) rotate(0)}54%{transform:translate(7px) rotate(0)}64%{transform:translate(8px) rotate(0)}76%{transform:translate(-9px) rotate(0)}84%{transform:translate(-5px) rotate(0)}92%{transform:translate(2px) rotate(0)}0%,to{transform:translate(0) rotate(0)}}.shake-horizontal,.shake-horizontal.shake-constant,.shake-horizontal.shake-freeze{-webkit-animation-name:shake-horizontal;animation-name:shake-horizontal;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.playB_close{display:flex;align-items:center;position:fixed;top:20px;left:20px;height:20px;transform:rotate(0deg);line-height:10px}.playB_next:hover{cursor:pointer;background:#00b7ff;color:#0f084b}.playB_cross{height:20px;width:20px;transition:.8s}.playB_cross:hover{transform:rotate(180deg)}.playB_close:hover{cursor:pointer}.playB_left{width:90%;align-items:center;flex-direction:column}.playB_left,.playB_title{color:#0f084b;display:flex}.playB_title{width:100%;font-size:3vw;text-align:left;padding-left:80px;margin-bottom:20px}.playB_rules{color:#0f084b;width:100%;padding-top:40px;font-size:2.5vw;text-align:center}@media only screen and (min-width:600px){.playB_rules{font-size:1.5vw;margin-bottom:20px}}.playB_score{color:#0f084b;width:100%;font-size:5vw;text-align:center;margin-bottom:40px;transition:color .3s}.playB_line{display:flex;flex-direction:row;width:90%;padding:0 20px;align-items:center;border-collapse:collapse;margin:5px 0;position:relative}.playB_ranking{width:100%;transform:translateX(-50px);opacity:0;overflow:"hidden"}.playB_ranking,.playB_right{display:flex;flex-direction:column;align-items:center}.playB_right{justify-content:space-between;width:50%;height:100vh;background:#add8e6}.playB_presentation{display:flex;width:100%}.playB_rank{left:0;margin:0;text-align:center;line-height:38px;position:absolute;width:45px;height:40px;border-radius:50%;font-weight:700;background:#fff;border:1px solid rgba(0,0,0,.1);z-index:1}.playB_name{overflow:hidden;background-color:#0288f7;background-image:linear-gradient(90deg,#00e0e6,rgba(2,136,247,0));line-height:36px;padding-left:45px;text-align:left;color:#0f084b;border-top-right-radius:25px;border-bottom-right-radius:25px;height:40px;width:100%;margin:0;transition:.4s}.playB_next{padding:10px 20px;line-height:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#0f084b;color:#add8e6;border:none;opacity:0;border-radius:3px;-webkit-animation:fade-in .4s ease-in-out forwards;animation:fade-in .4s ease-in-out forwards;transition:.4s;margin-left:45px}.playB_finished{display:block;width:100%}.playB_hover{background-color:#fe0}.playB_wrong{background-color:#fd2e2e}.playB_success{background-color:#a6ff00}.playB_score_wrong{color:#fd2e2e}.playB_score_success{color:#a6ff00}.playB_draggable{background-color:rgba(15,8,75,.6);color:#b9efff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:2.5vw;border-radius:4px;margin:7px 10px;padding:10px 20px;text-align:center;cursor:pointer;transition:background-color .4s;-webkit-animation:fade-in 3s ease-in-out;animation:fade-in 3s ease-in-out}@media only screen and (min-width:600px){.playB_draggable{font-size:1.2vw}}.playB_draggable:hover{background-color:#0f084b}.playB_refresh{height:20px;width:20px;transition:.8s}.playB_refresh:hover{transform:rotate(180deg)}.playB_responses{flex-wrap:wrap;flex-direction:row;width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.play,.playB_responses{display:flex;justify-content:center;align-items:center}.play{background:#fff;height:100vh;border-collapse:collapse}.playR_next:hover{cursor:pointer;background:#f0ffce;color:#280004}.disable{display:none}.playR_cross{height:20px;width:20px;transition:.8s}.playR_close{position:fixed;top:20px;left:20px;height:20px;display:flex;align-items:center;transform:rotate(0deg);line-height:10px}.playR_refresh{height:20px;width:20px;transition:.8s}.playR_cross:hover,.playR_refresh:hover{transform:rotate(180deg)}.playR_close:hover{cursor:pointer}.playR_left{width:90%;align-items:center;flex-direction:column}.playR_left,.playR_title{color:#280004;display:flex}.playR_title{width:100%;font-size:3vw;text-align:left;padding-left:80px;margin-bottom:20px}.playR_rules{color:#280004;width:100%;padding-top:40px;font-size:2.5vw;text-align:center}@media only screen and (min-width:600px){.playR_rules{font-size:1.5vw;margin-bottom:20px}}.playR_score{color:#280004;width:100%;font-size:5vw;text-align:center;margin-bottom:40px;transition:color .3s}.playR_line{display:flex;flex-direction:row;width:90%;padding:0 20px;align-items:center;border-collapse:collapse;margin:5px 0;position:relative}.playR_ranking{width:100%;transform:translateX(-50px);opacity:0;overflow:"hidden"}.playR_ranking,.playR_right{display:flex;flex-direction:column;align-items:center}.playR_right{justify-content:space-between;width:50%;height:100vh;background:#a53f2b}.playR_presentation{display:flex;width:100%}.playR_rank{left:0;margin:0;text-align:center;line-height:38px;position:absolute;width:45px;height:40px;border-radius:50%;font-weight:700;background:#fff;border:1px solid rgba(0,0,0,.1);z-index:1}.playR_name{overflow:hidden;background-color:#a53f2b;background-image:linear-gradient(90deg,#ffc44f,rgba(2,136,247,0));line-height:40px;padding-left:45px;text-align:left;color:#0f084b;border-top-right-radius:25px;border-bottom-right-radius:25px;height:40px;width:100%;margin:0;transition:.4s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.playR_next{padding:10px 20px;line-height:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#280004;color:#f0ffce;border:1px solid #280004;opacity:0;border-radius:3px;-webkit-animation:fade-in .4s ease-in-out forwards;animation:fade-in .4s ease-in-out forwards;transition:.4s;margin-left:45px}.playR_finished{display:block;width:100%}.playR_hover{background-color:#fe0}.playR_wrong{background-color:#fd2e2e}.playR_success{background-color:#a6ff00}.playR_score_wrong{color:#fd2e2e}.playR_score_success{color:#a6ff00}.playR_draggable{background-color:rgba(40,0,4,.6);color:#f0ffce;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:2.5vw;border-radius:4px;margin:7px 10px;padding:10px 20px;text-align:center;cursor:pointer;transition:background-color .4s;-webkit-animation:fade-in 3s ease-in-out;animation:fade-in 3s ease-in-out}@media only screen and (min-width:600px){.playR_draggable{font-size:1.2vw}}.playR_draggable:hover{background-color:#280004}.playR_responses{flex-wrap:wrap;flex-direction:row;justify-content:center;width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.explorer,.playR_responses{display:flex;align-items:center}.explorer{min-height:100vh;width:100%;background:#fff;flex:wrap 1;flex-direction:column;z-index:2}.explorer_close{position:fixed;top:20px;left:20px;z-index:1}.explorer_close:hover{cursor:pointer}.explorer_recherche{position:fixed;margin-top:70px;background:#fff;width:90%;max-width:600px;border:1px solid #000;border-radius:3px;height:40px;display:flex;align-items:center}@media only screen and (min-width:600px){.explorer_recherche{margin-top:40px}}.explorer_input{flex:9 1;padding-left:10px}.explorer_icon{flex:1 1;object-fit:contain}.explorer_list{display:flex;justify-content:center;width:90%;flex-wrap:wrap;margin-top:120px}.card{display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;width:230px;height:330px;margin:15px 12px;border:1px solid #d3d3d3;border-radius:6px}.card_logo{height:80px;object-fit:contain}.card_title{height:45px;width:80%;font-size:large;text-align:center}.card_select{height:40px;width:55%;background:#242222;color:#fff;text-align:center;line-height:40px;border-radius:3px;transition:.4s}.card_select:hover{cursor:pointer;width:75%}.show{background:#fff;min-height:90vh;width:100%;justify-content:space-evenly;flex-direction:column}.show,.show_choices{display:flex;align-items:center}.show_choices{justify-content:center}@media only screen and (min-width:800px){.show{min-height:95vh}}.show_close{position:absolute;top:20px;left:20px;z-index:6}.show_close:hover{cursor:pointer}.show_image{max-height:500px;padding-bottom:10px;width:50%;object-fit:contain;opacity:0;display:none}@media only screen and (min-width:800px){.show_image{display:block}}.show_middle{width:95%;flex-direction:row;justify-content:space-between}.show_middle,.show_top{display:flex;align-items:center}.show_top{opacity:0;justify-content:center;width:93%;margin-top:50px;margin-bottom:5px}@media only screen and (min-width:800px){.show_top{margin-top:70px}}.show_logo{height:100px;object-fit:contain;display:none}@media only screen and (min-width:800px){.show_logo{display:block}}.show_title{padding-left:20px;font-size:20px;text-align:center}@media only screen and (min-width:800px){.show_title{font-size:30px}}.show_line{flex-direction:row;width:90%;padding:0 20px;border-collapse:collapse;margin:5px 0;position:relative}.show_line,.show_ranking{display:flex;align-items:center}.show_ranking{flex-direction:column;width:100%;transform:translateX(-50px);opacity:0;overflow:"hidden"}.show_rank{left:0;margin:0;text-align:center;line-height:38px;position:absolute;width:45px;height:40px;border-radius:50%;font-weight:700;background:#fff;border:1px solid rgba(0,0,0,.1);z-index:1}.show_name{overflow:hidden;background-color:#0288f7;background-image:linear-gradient(90deg,#00e0e6,rgba(2,136,247,0));line-height:36px;padding-left:45px;text-align:left;color:#0f084b;border-top-right-radius:25px;border-bottom-right-radius:25px;height:40px;width:100%;margin:0;transition:.4s}.show_next{border-radius:3px;border:1px solid #000;padding:6px 16px;transition:.4s;margin:30px 10px auto}.show_play{display:none}@media only screen and (min-width:800px){.show_top{margin-top:10px}.show_play{display:block}}.show_next:hover{cursor:pointer;background:#000;color:#fff}.decide{position:absolute;top:0;z-index:5;width:100%;height:100vh;flex-wrap:wrap;flex-direction:row}.decide,.decide_left,.decide_right{display:flex;justify-content:center;align-items:center}.decide_left,.decide_right{width:48%;margin-top:90px;border:4px solid #d3d3d3;height:75%;margin-left:5px;background:rgba(0,0,0,.95);position:relative}.decide_rank{width:250px;height:50px;text-align:center;line-height:50px;border-radius:5px;font-size:23px;background:#fff;transition:.4s;color:#000}.decide_guess:hover,.decide_rank:hover{cursor:pointer}.decide_rank:hover{color:#fff;background:#000}.decide_guess:hover{color:#000;background:#fff;border:1px solid #000}.decide_guess{width:250px;transition:.4s;height:50px;text-align:center;line-height:50px;border-radius:5px;font-size:23px;background:#000;color:#fff}.decide_l,.decide_r{position:absolute;font-size:120px;top:0}.decide_l{right:0;color:#fff}.decide_r{left:0;color:#000}.info_duo,.info_title{width:350px}.info_duo{display:flex;flex-direction:row;align-items:center}.info_duo .info_nom{width:300px}.info_close{position:fixed;top:20px;left:20px;z-index:1}.info_close:hover{cursor:pointer}.info{text-align:center;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}
/*# sourceMappingURL=main.970a8bc2.chunk.css.map */