@font-face{font-family:Yellowtail;src:url(52d255793b51fd5fe801.ttf)}@font-face{font-family:Roboto;src:url(4f39c5796e60c9d8e732.ttf)}@keyframes fade-in{from{opacity:0}to{opacity:1}}.code-banner{transform:rotate(45deg) translate(-150px);text-decoration:none;background-color:#7289da;width:200px;height:200px;position:fixed;top:0;left:0}.code-banner div{transform:rotate(-45deg) translate(65px, 105px);color:#fff;font-size:1.5em;font-weight:bold}.difficulty span{color:#ddd;font-size:.4em;display:block;height:0}#menu{flex-direction:column}#menu{margin:0;list-style:none}#menu li{display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center;flex-grow:1;margin:10px;font-size:2.5em;color:inherit;border:none;border-radius:5px;cursor:pointer;outline:none}#easy{background-color:#43b581}#medium{background-color:#faa61a}#hard{background-color:#f04747}.relative{position:relative}#back{position:absolute;top:5px;left:0;cursor:pointer;color:#f04747}#board.size-3 .tile{flex:0 0 33.333333%;font-size:2.5em}#board.size-4 .tile{flex:0 0 25%;font-size:2.3em}#board.size-5 .tile{flex:0 0 20%;font-size:2em}.tile{display:flex;align-items:center;justify-content:center}.inner-tile{display:flex;align-items:center;justify-content:center;width:90%;height:90%;box-sizing:border-box;cursor:pointer;border-radius:5px;background-color:#7289da;transition:background-color .5s;animation-name:fade-in;animation-duration:1s;animation-iteration-count:1;font-size:inherit;font-family:inherit;color:inherit;border:none;outline:none}.tile.empty .inner-tile{cursor:default;background-color:#43b581}.split{display:flex;flex-wrap:wrap}.split>div{flex-grow:1;margin:0 5px}.text-right{text-align:right}.restart{margin-top:5px;text-align:center}.scoreboard th{text-align:left;padding:10px 7px}.scoreboard th:first-child{width:100%}.scoreboard td{padding:5px 7px}.positive-title{color:#43b581;text-align:center}.flex-first{flex-direction:column}.flex-first>div:first-child{flex-grow:1}html,body{margin:0;padding:0;user-select:none;font-family:Roboto,sans-serif;background-color:#36393e;color:#fff}body{display:flex;height:100vh;justify-content:center;align-items:center}.title{font-family:Yellowtail,sans-serif;font-size:3em;text-align:center}.alt-text{color:#99aab5}.container{display:flex;flex-wrap:wrap;width:400px;height:400px;padding:5px;border-radius:5px;background-color:#282b30}.smaller{height:auto;margin-top:10px}.space:after{content:" "}button{background-color:#7289da;color:#fff;border:none;padding:10px 15px;cursor:pointer;transition:box-shadow .3s}button:hover{box-shadow:inset 0 0 2px #000}.center-text{text-align:center}.grow{flex-grow:1}.hidden{display:none}.visible{opacity:1}.invisible{opacity:0}