@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400&display=swap);#select-difficulty{width:250px;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;height:40px;padding-left:10px;font-family:Maven Pro,sans-serif;font-size:16px;margin-top:10px;border-radius:5px}.difficulty{border-top:2px solid #000;border-bottom:2px solid #000;width:100%;padding-bottom:15px}.difficulty label{padding:0;margin:0;font-family:Maven Pro,sans-serif;font-size:32px}.nav-icon-4{width:35px;height:30px;margin:10px 10px;position:relative;cursor:pointer;display:inline-block}.nav-icon-4 span{background-color:#fff;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-4 span:first-child{width:100%;height:4px;display:block;top:0;left:0}.nav-icon-4 span:nth-child(2){width:100%;height:4px;display:block;top:13px;left:0}.nav-icon-4 span:nth-child(3){width:100%;height:4px;display:block;bottom:0;left:0}.nav-icon-4:not(.open):hover span:first-child{width:100%;height:4px;display:block;top:-2px;left:0;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-4:not(.open):hover span:nth-child(2){width:100%;height:4px;display:block;top:13px;left:0;transition:.4s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-4:not(.open):hover span:nth-child(3){width:100%;height:4px;display:block;bottom:-2px;left:0;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.nav-icon-4.open{transform:rotate(90deg)}.nav-icon-4.open span:first-child{left:3px;top:12px;width:30px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(90deg);transition-delay:.15s}.nav-icon-4.open span:nth-child(2){left:2px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(45deg);transition-delay:50ms}.nav-icon-4.open span:nth-child(3){left:14px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(-45deg);transition-delay:.1s}#app{font-family:Maven Pro,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#172431}.icon{position:absolute;top:0;left:0;margin:30px;transform:scale(1.5)}.icon_hide{display:none}.settings{background-color:hsla(0,0%,100%,.637)!important;box-shadow:7px 9px 28px 9px rgba(0,0,0,.6)}.input{position:absolute;top:0;right:0;width:25vw;height:400px;background-color:hsla(0,0%,100%,.637);box-shadow:-7px 9px 28px 9px rgba(0,0,0,.6)}.input .wrapper{padding-top:35px}.input .wrapper .cell{width:100px;height:100px;margin:5px;display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:0;font-size:60px;font-family:Maven Pro,sans-serif;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:hsla(0,0%,100%,.212)}.input .wrapper .cell:hover{background-color:hsla(0,0%,100%,.112)}.deselect{visibility:hidden}.footer{width:100%;bottom:2%}.footer,.winner{position:absolute}.winner{top:20vh;left:0;right:0;max-height:350px;min-height:300px;background-color:hsla(0,0%,100%,.753)}.winner h1{font-size:70px;color:#000;padding-bottom:30px;padding-top:10px;z-index:10}.winner h2{color:#000}.time{font-size:32px;font-family:Maven Pro,sans-serif;font-weight:700;color:#fff;padding-top:20px;padding-bottom:20px;text-shadow:9px 3px 23px rgba(0,0,0,.38)}.my-btn{background:hsla(0,0%,100%,.637);border-style:none;margin:2px;box-shadow:9px 3px 23px 4px rgba(0,0,0,.38)}.my-btn i{padding:20px}.btn-start{border-top-left-radius:10px;border-bottom-left-radius:5px}.btn-reset{border-top-right-radius:10px;border-bottom-right-radius:5px}.main{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#702ead;background:radial-gradient(circle,#702ead 0,#4276c6 100%)}.title{margin:0;color:hsla(0,0%,100%,.637);font-family:Maven Pro,sans-serif;font-weight:700;font-size:70px;text-shadow:20px;text-shadow:9px 3px 23px #000}.board{margin-top:5vh}.board .cell{width:60px;height:60px;margin:2px;display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:0;font-size:30px;font-family:Maven Pro,sans-serif;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:hsla(0,0%,100%,.212)}.cell span:hover,.cell:hover{cursor:pointer}.immutable{pointer-events:none;color:#223c63}.cell:hover{background-color:hsla(0,0%,100%,.112)}.cell:focus{border:2px solid hsla(0,0%,100%,.5)}.hide_cell{visibility:hidden}.my-row:nth-child(4),.my-row:nth-child(7){margin-top:7px}.cell:nth-child(3),.cell:nth-child(6){margin-right:7px}