body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lucida Grande,helvetica,arial,verdana,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{--wiersze:6;--kolumny:9;--tile-size:60px;background-color:#40640c;font-family:Lucida Grande,helvetica,arial,verdana,sans-serif;min-height:100vh}@media (min-device-height:701px){.App{--tile-size:120px}.formularz{color:#fff;display:flex;flex-direction:row;gap:100px;justify-content:space-evenly}}@media (max-device-height:700px),(orientation:portrait){.formularz{color:#fff;display:flex;flex-direction:column;gap:30px;justify-content:space-evenly}}header{font-size:x-large;font-weight:700;margin-bottom:25px;padding-top:15px;text-align:center}header>*{vertical-align:middle}#odstep{margin-left:150px}#gracz1{border:5px #ff6060;color:#ff6060;padding:10px}#gracz1.active-player{border-style:outset}#wynik1,#wynik2{color:beige;display:inline-block;font-size:xx-large;height:40px;margin:0 15px;width:80px}#gracz2{border:5px #ff0;color:#ff0;padding:10px}#gracz2.active-player{border-style:outset}#gra{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(var(--kolumny),var(--tile-size));grid-template-rows:repeat(var(--wiersze),var(--tile-size));margin:0 auto;position:relative;width:-webkit-max-content;width:max-content}#gra>img{height:var(--tile-size);width:var(--tile-size)}.modal-window{align-self:center;background-color:#ffebcd;color:#00f;flex-direction:column;font-size:xx-large;gap:30px;height:250px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:400px;z-index:5}.button-ok,.modal-window{align-items:center;display:flex;font-weight:700;justify-content:center;justify-self:center}.button-ok{background-color:#adff2f;border:none;border-radius:20%;color:#006400;cursor:pointer;font-size:large;height:50px;margin:30px auto 0;transition:background-color .5s ease;width:150px}.button-ok:hover{background-color:#32cd32}#ekran-powitalny{align-items:center;margin-top:60px}#ekran-powitalny,.formularz>div{display:flex;flex-direction:column}.formularz>div{gap:20px;margin-bottom:100px}.formularz *{color:#fff}.formularz input[type=range],.formularz input[type=text]{color:#000}.formularz img{vertical-align:text-top}.formularz label{display:block;margin-bottom:10px}.formularz legend{font-weight:700;margin-bottom:10px}#procent{margin-left:10px}
/*# sourceMappingURL=main.04c74f93.css.map*/