body{font-family:Roboto,sans-serif;background:linear-gradient(90deg,rgb(39,0,80),rgb(0,0,0));color:#fff;padding:0;margin:0}button{background:none;border:none;outline:none}button:hover{cursor:pointer}.app{font-size:20px;display:flex;flex-direction:column;align-items:center}.text-green{color:#12e177}.text-orange{color:#ffc72a}.history-wrapper{width:300px;text-align:center;margin-bottom:20px}.history-wrapper .history{display:inline-block;padding:0;margin:0}.history-wrapper .history li{list-style:none;text-align:left}.history-wrapper .history li:before{content:"";border-radius:50%;display:inline-block;height:5px;width:5px;background-color:#12e177;margin-right:4px;margin-bottom:1px}.history-wrapper .history li .btn-move{color:#fff}.history-wrapper .history li .btn-move.active{font-weight:700;color:#12e177}.status-message{margin-bottom:30px;font-size:1.2rem;font-weight:lighter}.status-message span{font-weight:400}.btn-reset{font-size:.8rem;color:#fff;border-radius:15px;padding:12px 18px;margin-top:25px;transition:all .2s;background-color:#4c43d4;box-shadow:0 0 0 1px #ffc72a}.btn-reset.active{background-color:#ffc72a;box-shadow:none}.board .board-row{display:flex;flex-direction:row;border-bottom:2px solid #fff}.board .board-row:last-child{border-bottom:none}.board .board-row .square{width:80px;height:80px;border-right:2px solid #fff;font-size:2.5rem;padding:0;overflow:hidden;transition:all .2s}.board .board-row .square:last-child{border-right:none}.board .board-row .square.winning{animation:scaleText 1.4s infinite}@keyframes scaleText{0%{transform:2.5rem}50%{font-size:3.5rem}to{font-size:2.5rem}}.bg-balls{position:fixed;top:0;left:0;right:0;bottom:0;min-width:100%;z-index:-1}.bg-balls:before,.bg-balls:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%}.bg-balls:before{background-color:#ffc72a;right:-75px;bottom:-75px}@media screen and (min-width: 476px){.bg-balls:before{width:220px;height:220px;right:-110px;bottom:-110px}}.bg-balls:after{background-color:#12e177;top:-75px;left:-75px}@media screen and (min-width: 476px){.bg-balls:after{width:220px;height:220px;top:-110px;left:-110px}}