.modal-window{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.snake-cell{border-bottom:1px solid #ccc;border-right:1px solid #ccc}.snake-cell.active{background:#000}.snake-cell.is-apple{background-color:orange}.sname-game-field{height:100vh;width:100%;display:flex;flex-wrap:wrap}.snake-pannel{background:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px;min-width:70%;min-height:70%}.snake-start-title{font-size:16px}.snake-start-button{padding:12px 25px;background:#000;color:#fff}.snake-row{width:100%;display:flex;justify-content:space-between;align-items:center}.snake-row *{font-size:26px}.px1{padding-left:1rem;padding-right:1rem}.group{display:flex;justify-content:space-between}.game-field{flex-basis:850px;background:#fff;flex-wrap:wrap}.game-field,.game-row{display:flex}.game-row:first-child{border-top:1px solid #ccc}.game-cell{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.game-cell:not(.static):first-child{border-left:1px solid #ccc}.game-cell.active{background:blue}.snake-icon path{fill:#fff}.statistics{flex-grow:1;background:#fff;border:1px solid #ccc;border-left-width:3px;padding:20px}.statistics .statistic-item{display:flex;justify-content:space-between;margin-top:30px;font-size:30px;font-weight:600;text-align:center}.statistics .description{font-size:20px}.statistics .statistic-item:last-of-type{margin-bottom:30px}.next-shape-preview{margin:30px 0}.next-shape-preview .shape-row{display:flex;justify-content:center}.next-shape-preview .shape-cell{flex-basis:40px;height:40px;background:#000;color:#fff;border:1px solid #fff}.next-shape-preview.L-shape{display:flex;flex-direction:column;align-items:center}.next-shape-preview.L-shape .shape-row{width:80px;justify-content:flex-start}.next-shape-preview .shape-cell.shift{margin-left:-70px}.next-shape-preview .game-row{justify-content:center}.next-shape-preview .game-row:first-child{border:none}.next-shape-preview .game-row:first-child .game-cell{border-top:1px solid #ccc}.next-shape-preview .game-row .game-cell:first-child{border-left:1px solid #ccc}.arrows .arrow.right:before{content:"\2192"}.arrows .arrow.left:before{content:"\2190"}.arrows .arrow.bottom:before{content:"\2193"}.arrows .arrow.top:before{content:"\2191"}.arrows{flex-direction:column;margin-top:40px}.arrows,.arrows .arrow{display:flex;align-items:center;justify-content:center}.arrows .arrow{width:50px;height:50px;border-top:1px solid #000;border-bottom:1px solid #000}.arrows .second-row{display:flex}.arrows .bottom{border-right:1px solid #000;border-left:1px solid #000}.arrows .top{border-bottom:none}.arrows .right,.arrows .top{border-right:1px solid #000}.arrows .arrow:first-of-type{border-left:1px solid #000}.modal-content{background-color:#fff;padding:20px;height:50%;width:50%;font-size:20px;position:relative}.modal-content .start-btn{background:green;padding:10px 25px;border-radius:8px;color:#fff;border:none;font-size:20px}.modal-content .actions{text-align:center;position:absolute;bottom:20px;left:0;width:100%}.Tetris-App{display:flex;height:100vh;background-color:#fafafa;justify-content:center;align-items:center}.container{display:flex;height:90%;width:70%}body,html{margin:0;padding:0}*{box-sizing:border-box}.key{display:inline-block;background-color:#ddd;padding:3px 10px;border-radius:4px}.Tic-Tac-Toe-App{background-color:#282c34;text-align:center}.App-header{min-height:100vh;justify-content:space-around;font-size:10rem;color:#fff}.App-header,.user{display:flex;align-items:center}.user{flex-direction:column}.user .form-control{margin-top:2rem;background-color:hsla(0,0%,100%,.7);border:none;padding:.75rem 1rem;font-size:1.5rem;text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:blue;padding:.75rem 4rem;text-transform:uppercase;font-size:2rem;color:#fff;margin-bottom:30px}.btn:active,.btn:focus{outline:none}.btn-back{background-color:red}.btn:disabled{opacity:.5}.btn:hover{background-color:#09096b;cursor:pointer}.btn-back:hover{background-color:#841414}.btn:disabled:hover{cursor:not-allowed}.board{background-color:#282c34;height:100vh;display:flex;align-items:center;justify-content:center}.slot-container{width:606px;height:606px;display:flex;flex-wrap:wrap;margin:0 50px}.slot{height:200px;width:200px;background-color:hsla(0,0%,100%,.7);border:1px solid #fff;display:flex;justify-content:center;align-items:center;font-size:10rem;color:#fff}.slot:hover{background-color:hsla(0,0%,100%,.4);cursor:pointer}.slot.disable{background:hsla(0,0%,100%,.2)}.slot.winner{animation:winner .3s ease 0s infinite alternate-reverse}.display{font-size:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.display .icon{opacity:.5}.display .icon.active{opacity:1}.navigation{display:flex;flex-direction:column;justify-content:center;align-items:center}.navigation .status{text-align:center;color:#fff;font-size:5rem;margin-top:0}@keyframes winner{0%{font-size:8rem}to{font-size:10.5rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}