*{margin:0;padding:0;box-sizing:border-box}.App{padding:20px}@media screen and (min-width: 767px){.App{padding:35px}}@media screen and (min-width: 1050px){.App{padding:15px 165px}#root{height:100vh}}.gamePlay{display:flex;flex-direction:column}.opacity50{opacity:50%;background:#a8a8a8}.headerBox{width:100%}.headerDiscriptionBox{display:flex;justify-content:space-between}.title{font-size:24px;color:#152938}.menuButton{width:78px;height:40px;border-radius:20px;background-color:#fda214;color:#fff;border-style:none;outline:none;transition:.3s ease-in-out;font-size:16px}.menuButton:hover{cursor:pointer}.tabletMenu{display:none}@media screen and (min-width: 767px){.title{font-size:40px}.tabletMenu{display:flex;gap:10px}.menuButton,.menuBoxInside{display:none}}@media screen and (min-width: 1050px){.tabletMenu{gap:16px}}.droebiti{margin-top:100px;width:100%;display:flex;justify-content:center}.footerBox{height:70px;display:flex;justify-content:space-between;gap:12.5px}.showInfoBox{width:151px;height:100%;background-color:#dfe7ec;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.timeText{font-size:15px;color:#7191a5}.timeClock{font-size:24px;color:#304859}@media screen and (min-width: 767px){.footerBox{height:72px;gap:25px}.showInfoBox{width:255px;height:72px}.timeText{font-size:18px}.timeClock{font-size:32px}}button{background:#304859;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;transition:.3s ease-in-out}button p{scale:0;transition:.3s ease-in-out}.active{background:#BCCED9;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.active p{scale:1}.correct{background:#FDA214;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.correct p{scale:1}.wrong{background:#fd1414;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.wrong p{scale:1}button p,.correct p,.wrong p,.active p{font-size:24px}.-mini p{scale:0}.active-mini{background:#BCCED9;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.active-mini p{font-size:40px;scale:1}.correct-mini{background:#FDA214;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.correct-mini p{font-size:40px;scale:1}.wrong-mini{background:#fd1414;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.wrong-mini p{font-size:40px;scale:1}@media screen and (min-width: 768px){button,.correct,.wrong,.active{width:82px;height:82px}button p,.correct p,.wrong p,.active p{font-size:44px}.-mini,.correct-mini,.wrong-mini,.active-mini{width:118px;height:118px}.-mini p,.correct-mini p,.wrong-mini p,.active-mini p{font-size:74px}}.Game{position:relative;margin-top:80px}.components{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;max-width:326px;margin:0 auto;gap:9px}.components-mini{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;max-width:326px;margin:0 auto;gap:9px}.hidden{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}img{width:20px}@media screen and (min-width: 768px){.components,.components-mini{max-width:572px}}button{display:flex;justify-content:center;align-items:center;background:#304859;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;transition:.3s ease-in-out}button img{scale:0;transition:.3s ease-in-out}.active-icon{background:#BCCED9;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.active-icon img{scale:1}.correct-icon{background:#FDA214;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.correct-icon img{scale:1}.wrong-icon{background:#fd1414;color:#fcfcfc;font-weight:700;font-size:24px;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer}.wrong-icon img{scale:1}button img,.correct-icon img,.wrong-icon img,.active-icon img{width:24px}.-mini{background:#304859;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.-mini img{scale:0}.active-icon-mini{background:#BCCED9;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.active-icon-mini img{width:40px;scale:1}.correct-icon-mini{background:#FDA214;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.correct-icon-mini img{font-size:40px;scale:1}.wrong-icon-mini{background:#fd1414;color:#fcfcfc;font-weight:700;font-size:24px;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer}.wrong-icon-mini img{width:40px;scale:1}@media screen and (min-width: 768px){button,.correct-icon,.wrong-icon,.active-icon{width:82px;height:82px}button img,.correct-icon img,.wrong-icon img,.active-icon img{width:44px}.-mini,.correct-icon-mini,.wrong-icon-mini,.active-icon-mini{width:118px;height:118px}.-mini img,.correct-icon-mini img,.wrong-icon-mini img,.active-icon-mini img{width:74px}}.menuBoxInsideBigBox{width:100%;display:flex;justify-content:center;position:absolute;top:30%;left:0}.menuBoxInside{width:327px;height:224px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#f2f2f2;border-radius:10px}.buttonYellow{background-color:#fda214;color:#fcfcfc;transition:"0.3s ease-in-out"}.buttonYellow:hover{cursor:pointer;background-color:#ffb84a}.buttonsGray{background-color:#dfe7ec;color:#304859;transition:"0.3s ease-in-out"}.buttonsGray:hover{cursor:pointer;background-color:#6395b8;color:#fcfcfc}.none{display:none}@media screen and (min-width: 767px){.menuBoxInside{display:none}}.soloFinishBigBox{width:100%;display:flex;justify-content:center;position:absolute;top:16%;z-index:10;left:0}.soloFinish{display:flex;flex-direction:column;width:327px;padding:24px;justify-content:center;align-items:center;background-color:#fff}.youDidItText{font-size:24px;color:#152938}.gameOverSoloText{margin-top:10px;font-size:14px;color:#7191a5}.timeAndMoveBox{width:279px;height:48px;background-color:#dfe7ec;display:flex;padding:10px;justify-content:space-between;align-items:center;margin-top:20px}.marginAdd{margin-top:10px}.marginAdd15{margin-top:15px}.timeElapsed{font-size:13px;color:#7191a5}.showTimeAndMove{font-size:20px;color:#304859}.soloRestart{width:279px;height:48px;margin-top:20px;border-radius:20px;border-style:none;outline:none;background-color:#fda214;font-size:18px;color:#fcfcfc}.soloRestart:hover{background-color:#ffb84a;cursor:pointer;transition:.3s ease-in-out}.soloSetup{width:279px;height:48px;border-radius:20px;border-style:none;outline:none;background-color:#dfe7ec;font-size:18px;color:#304859}.soloSetup:hover{background-color:#6395b8;color:#fcfcfc;cursor:pointer;transition:.3s ease-in-out}@media screen and (min-width: 767px){.soloFinishBigBox{width:70%;left:15%;top:19%}}.fontFamily{font-family:Atkinson Hyperlegible,sans-serif;font-weight:700}