@import url(https://fonts.googleapis.com/css2?family=Changa:wght@200..800&display=swap);*{box-sizing:border-box;position:relative}body,html{background-color:#494444;font-family:Roboto,Arial,sans-serif;margin:0;padding:0;width:100%}a{color:#000;cursor:pointer;text-decoration:none}.container{margin:0 auto;max-width:500px;overflow:hidden;width:100%}.home{background-color:wheat;border:10px solid #000;border-radius:20px;display:flex;justify-content:center;width:100%}.game__description,.home__container{align-items:center;display:flex;flex-direction:column}.game__description{justify-content:center;margin:40px 3% 0;text-align:center}.description__text{font-family:Changa;line-height:1.2;margin:0 0 20px}.game__niveau label{font-family:Changa;font-size:16px;font-weight:800;margin-right:10px}#niveau{border:4px solid #ff5101;border-radius:20px;outline:none;padding:4px 10px}#niveau,.game__niveau option{font-family:Changa;font-size:14px;font-weight:500}.game__button{background-color:#fff;border:4px solid #ff5101;border-radius:20px;cursor:pointer;font-family:Changa;font-size:16px;font-weight:800;margin:30px 0;padding:10px 20px}.logo{display:flex;margin-top:20px}.logo.logo__game{margin-top:0}.logo.logo__game .logo__partie1{margin-right:10px}.logo.logo__game .logo__partie1 .logo__letter,.logo.logo__game .logo__partie2 .logo__letter{font-size:40px}.logo.logo__game .logo__partie2 .logo__svg{width:30px}.logo__partie1{margin-right:20px}.logo__partie1,.logo__partie2{align-items:center;display:flex;justify-content:center}.logo__letter{font-family:Changa;font-size:60px;font-weight:500;margin:0}.logo__svg{fill:#ff5101;animation:vibrate .3s infinite,pause 10s infinite;margin:0;width:40px}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-2px,-2px)}50%{transform:translate(2px,2px)}75%{transform:translate(-2px,2px)}to{transform:translate(2px,-2px)}}.lign{background-color:#ff5101;border-radius:20px;height:6px;width:50%}.game{background-color:wheat;border:10px solid #000;border-radius:20px;overflow:hidden;z-index:1000}.board{display:flex;flex-direction:column;position:relative;width:100%}.board__header{justify-content:space-between;margin:0 20px}.board__game,.board__header{align-items:center;display:flex}.board__game,.container__secretcode{flex-direction:column;justify-content:center;position:relative}.container__secretcode{align-items:center;background:linear-gradient(180deg,#ff5101,#000);display:flex;height:60px;width:100%;z-index:9}.game__niveau{color:#000;font-family:Changa;font-size:16px;font-style:italic;font-weight:800;margin:10px 0;z-index:99}.text__secretcode{align-items:center;animation:none;background-color:#000;color:#ff5101;display:flex;font-family:Changa;font-size:30px;font-weight:500;height:100%;justify-content:center;position:absolute;width:100%;z-index:99}.text__secretcode.animate{animation:secretcode 3s ease-in-out forwards}@keyframes secretcode{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.rows{flex-direction:column-reverse}.rows,.show{display:flex}.hide{display:none}.btn__check{background-color:#fff;border:4px solid #ff5101;border-radius:20px;font-size:16px;margin-bottom:20px;padding:6px 40px}.btn__check,.rowNumber{font-family:Changa;font-weight:800}.rowNumber{color:#ff5101;font-size:20px}.header{align-items:center;display:flex}.header__title{margin:0}.controlsPanel{grid-column-gap:10px;align-items:center;column-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center}.icon{fill:#ff5101;stroke:#000;stroke-width:10px;cursor:pointer;margin-right:4px;width:20px}.row{align-items:center;display:flex;margin-bottom:10px}.row.inactive{pointer-events:none}.feedback{grid-column-gap:2px;grid-row-gap:4px;column-gap:2px;display:grid;grid-template-columns:repeat(2,1fr);position:relative;row-gap:4px}.feedback__dot--colors{display:flex}.slotSelector{display:flex;margin:0 20px}.btnRowCheck{height:30px;left:-2px;position:absolute;top:-4px;width:100%}.btn__ok{animation:btnCheck 1s ease-in-out forwards;background-color:#000;border:none;border-radius:4px;cursor:pointer;font-family:Changa;font-size:16px;font-weight:800;height:100%;width:100%}.btn__ok svg{fill:#ff5101;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;z-index:999}@keyframes btnCheck{0%{transform:translateX(300%)}to{transform:translateX(0)}}.slot{background-color:wheat;border:2px solid #000;border-radius:50%;box-shadow:0 4px 8px #0006,inset 0 -4px 8px #fff6;cursor:pointer;height:40px;margin:0 10px;position:relative;width:40px}.slot.active{animation:slot 1s infinite;border:dashed #000}@keyframes slot{0%{scale:1.1}50%{scale:1}to{scale:1.1}}.dot{border:2px solid #ff5101;display:flex;display:inline-block}.black-dot,.dot{border-radius:50%;height:10px;margin-right:5px;width:10px}.black-dot{background-color:#000;border:none}.white-dot{background-color:#fff;border:1px solid #000;border-radius:50%;height:10px;margin-right:5px;width:10px}.color-options{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0 20px;width:100%}.color-option{border:2px solid #000;border-radius:50%;box-shadow:0 4px 8px #0006,inset 0 -4px 8px #fff6;cursor:pointer;height:40px;margin:0 2%;width:40px}.colorsPalette8{margin:0 1%}.code{display:flex;margin-left:-20px}.modal{align-items:center;background-color:wheat;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.modal__btn--close{background-color:#fff;border:4px solid #ff5101;border-radius:20px;cursor:pointer;font-family:Changa;font-size:16px;font-weight:800;padding:4px 20px}.modal__rules{align-items:center;display:flex;flex-direction:column;font-family:Changa;font-size:14px;font-weight:400;justify-content:center;margin:0 20px}.modal__section,.modal__title{margin-bottom:20px}.modal__title{font-size:24px;font-weight:800;text-decoration:underline}.modal__text{margin:0;text-align:center}.animationBomb{height:100%;left:0;position:absolute;top:0;width:100%}.animationBomb.invisible{visibility:hidden}.animation__svg{fill:#000;stroke:#ff5101;stroke-width:4px;animation:svg 4s linear;animation-delay:86s;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes svg{0%{opacity:0;z-index:1}75%{left:114%;opacity:1;scale:6;top:90%;z-index:1}90%{left:114%;opacity:1;scale:6;top:90%;z-index:1}to{scale:1;z-index:1}}.bottom,.left,.right,.top{background:#ff5101;border-radius:20px;position:absolute}.bottom{animation:bottom 21.5s linear forwards;animation-delay:64.5s;bottom:0;height:8px;right:0;width:100%}.bottom__meche{animation:meche .2s linear infinite;animation-delay:64.5s;background-color:#ff0;border-radius:20px;bottom:0;content:"";height:8px;opacity:0;position:absolute;width:8px}@keyframes bottom{0%{width:100%}to{width:0}}.right{animation:right 21.5s linear forwards;height:100%;right:0;top:0;width:8px}.right__meche{animation:meche .2s linear infinite;background-color:#ff0;border-radius:20px;bottom:0;content:"";height:8px;opacity:0;position:absolute;width:8px}@keyframes right{0%{height:100%}to{height:0}}@keyframes meche{0%{opacity:1}50%{opacity:0}to{opacity:1}}.top{animation:top 21.5s linear forwards;animation-delay:21.5s;height:8px;left:0;top:0;width:100%}.top__meche{animation:meche .2s linear infinite;animation-delay:21.5s;background-color:#ff0;border-radius:20px;content:"";height:8px;position:absolute;right:0;width:8px}@keyframes top{0%{width:100%}to{width:0}}.left{animation:left 21.5s linear forwards;animation-delay:43s;bottom:0;height:100%;left:0;width:8px}.left__meche{animation:meche .2s linear infinite;animation-delay:43s;background-color:#ff0;border-radius:20px;content:"";height:8px;opacity:0;position:absolute;top:0;width:8px}@keyframes left{0%{height:100%}to{height:0}}.pause{align-items:center;background-color:wheat;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.pause svg{fill:#000;stroke:#ff5101;stroke-width:4px;animation:pause 2s linear infinite;height:100px;margin:60px 0;width:100px}@keyframes pause{0%{scale:1}50%{scale:1.4}to{scale:1}}.pause__text{font-family:Changa;font-size:24px;font-weight:800;margin:30px 0 0}.container__pause--svg svg:first-child{margin-right:4px}.pause__btns{display:flex;flex-direction:column-reverse}.pause__btn{background-color:#fff;border:4px solid #ff5101;border-radius:20px;cursor:pointer;font-family:Changa;font-size:16px;font-weight:800;margin-bottom:30px;padding:4px 20px}.endGameMessage{background-color:wheat;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}.endGameMessage,.endGameMessage__container{align-items:center;display:flex;justify-content:center}.endGameMessage__win{fill:gold;stroke:#000;stroke-width:4px;width:50px}.endGameMessage__loose{fill:#ff5101;stroke:#000;stroke-width:4px;width:50px}.endGameMessage__title{font-family:Changa;font-size:50px;font-weight:800;margin-left:20px;margin-right:20px}.endGameMessage__text{font-family:Changa;font-size:16px;font-weight:800}.endGameMessage__btns{display:flex;flex-direction:column;margin-top:60px}.endGameMessage__btn{background-color:#fff;border:4px solid #ff5101;border-radius:20px;cursor:pointer;font-family:Changa;font-size:16px;font-weight:800;margin-bottom:30px;padding:4px 20px}.footer{align-items:center;background-color:#000;color:#ff5101;display:flex;font-size:14px;height:40px;justify-content:center;text-align:center;width:100%}
/*# sourceMappingURL=main.0d98086e.css.map*/