*{user-select:none;-moz-user-select:none;padding:0;margin:0;font-family:arial}html{overflow-y:scroll}.none{display:none!important}body{display:flex;justify-content:center;align-items:center;background:#f2f2f2;line-height:1.25;text-align:center;font-weight:400}h1,h2,h3{margin-bottom:10px;color:#444;font-weight:400}h1{font-size:36px;letter-spacing:.05em;font-weight:700}h1 span:nth-of-type(1){color:#c55}h1 span:nth-of-type(2){color:#55c}h1 span:nth-of-type(3){color:#5c5}h1 span:nth-of-type(4){color:#c5c}h2{font-size:32px}h3{font-size:28px}#modal{position:fixed;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.5)}#menu{box-sizing:border-box;width:320px;max-width:100%;padding:20px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 2px 4px 2px rgba(0,0,0,.2);border-radius:2px;border:5px solid #c55}#menu.instructions{width:600px}#menu ul{box-sizing:border-box;margin-top:20px}#menu li{display:block;box-sizing:border-box;cursor:pointer;width:100%;padding:15px;margin-bottom:10px;background:#55c;color:#fff;font-size:24px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 2px 1px rgba(0,0,0,.2);border-radius:1px;transition:all .25s ease}#menu li:last-of-type{margin-bottom:0}#menu li:hover,#menu li:focus{background:#5c5}#menu li.disabled,#menu li.disabled:hover{background:#eee;color:#ccc}#copyright{margin-top:20px;margin-bottom:0;font-size:12px;font-weight:700;color:#999}#menu p{margin-bottom:10px}#menu p a{text-decoration:none;color:#55c;transition:all .25s ease}#menu p a:hover{color:#5c5}#board{display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;min-height:calc(100vh - 20px);width:960px;max-width:100%;margin:10px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 2px 4px 2px rgba(0,0,0,.2);border-radius:2px;overflow:hidden}#header,#content,#footer{width:100%}#content{max-width:100%;width:620px;padding:20px 10px;box-sizing:border-box}#score{height:40px;padding:10px 20px;font-size:24px;line-height:40px;background:#c55;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 2px 1px rgba(0,0,0,.2);color:#fff}#score span{font-weight:700}#board-nav{padding:12.5px 20px;background:#55c;box-shadow:0 -1px 2px 0 rgba(0,0,0,.1),0 -1px 2px 1px rgba(0,0,0,.2);cursor:pointer;transition:all .25s ease}#board-nav span{display:block;margin:5px auto;width:40px;height:5px;background:#fff}#board-nav:hover{background:#5c5}#cards{overflow:hidden;max-width:100%;margin:0 auto}#cards[data-cols="4"]{width:400px}#cards[data-cols="6"]{width:600px}.card{display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;cursor:pointer;float:left;margin:5px;background:#eee;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 2px 1px rgba(0,0,0,.2);border-radius:1px;transition:background .25s ease}[data-bg="c55"]{background:#c55!important}[data-bg="5c5"]{background:#5c5!important}[data-bg="55c"]{background:#55c!important}[data-bg="c5c"]{background:#c5c!important}.card:hover{background:#ddd}.card span{font-size:1em;color:#fff}.card.checked{opacity:.5}.card.clicked::before,.card.checked::before{display:none}.card::before{position:absolute;content:"MeMo";font-weight:700;font-size:.5em;color:rgba(0,0,0,.1);transform:rotate(-45deg)}