body{margin:0;padding:0;font-family:Avenir Next Condensed,Avenir,sans-serif}.grid table{table-layout:fixed;max-width:100%;border-collapse:collapse;margin:0 auto 2rem}.grid table td{background:#000;border:1px solid #333;position:relative}.grid table td div{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff}.grid table td div.on-clue{background-color:#e0ffff}.grid table td span{position:absolute;top:0;left:.15em;font-weight:500;font-size:.875rem;z-index:3}.grid table input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:calc(100% - 2px);text-align:center;border:none;outline:none;text-transform:uppercase;font-size:2em;color:transparent;text-shadow:0 0 0 #000;background-color:transparent}.grid table input:focus{background:#ffffe0}::selection{background:transparent}::-moz-selection{background:transparent}.clues{padding-left:2em}.clues h1{text-transform:uppercase;font-size:1.125em;letter-spacing:.1em;margin:0 0 1rem}.clues>div{-ms-flex-negative:0;flex-shrink:0}.clues h2{font-size:1.125rem;font-weight:500;margin-bottom:.25em}.clues ul{margin:0;padding:0;list-style:none;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}.clues ul.is-active-clue{color:#aaa}.clues li{margin-bottom:.25em;line-height:1.2;margin-left:1.75em;text-indent:-1.75em;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}.clues li.active{color:#000}.clues li span{display:inline-block;width:1.5em;text-indent:0}.puzzle-list{max-width:400px;margin:0 auto}.puzzle-list h1{text-align:center;text-transform:uppercase;font-size:1.8rem;letter-spacing:.1em}.puzzle-list ul{list-style:none;border-top:1px solid #ddd;padding:0}.puzzle-list li{border-bottom:1px solid #ddd}.puzzle-list a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:1em;text-decoration:none;color:inherit;-webkit-transition:text-indent .1s ease-out;-o-transition:text-indent .1s ease-out;transition:text-indent .1s ease-out}.puzzle-list a:hover{text-indent:.2em}.puzzle-list .percentage-solved{color:green}.App{margin:2em;position:relative}.Puzzle{display:-ms-flexbox;display:flex}.return-to-menu{position:absolute;right:0;top:-1rem;text-decoration:none;color:#ddd;font-size:2rem;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}.return-to-menu:hover{color:#000}