.headline,.byline,.dateline,.controls{text-align:center}.headline{margin-top:20px;font-size:2.5em;font-weight:900;margin-bottom:10px}.byline{font-size:1.1em}.dateline{margin-bottom:10px;font-style:italic}.copy p{font-family:"Merriweather",serif;font-weight:300;line-height:1.7em;margin-bottom:20px}.copy .header{font-family:"Lato",sans-serif;font-weight:900;font-size:1.5em}.rotate{font-weight:bold;font-size:1.1em}.controls{margin-bottom:20px;height:30px}.button{color:#fff;font-weight:300;border-radius:4px;padding:8px;cursor:pointer;display:inline-block;margin-right:10px;margin-bottom:5px;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.button:hover,.button:active,.button:visited,.button:focus{color:#fff;text-decoration:none}.button.new{background:#45b29d}.button.new:hover{background:#3ea08d}.button.download{background:#e07064}.button.download:hover{background:#dc5c4f}.button.print{background:#45687d}.button.print:hover{background:#3c5a6d}.tambola-canvas{margin:0 auto;display:table}.tambola-card{margin:0 auto;display:table}.tambola-row{margin:0 auto;display:table}.tambola-cell{background:#fff;border:1px solid #3a403d;text-align:center;padding:2px;float:left;display:table;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.tambola-cell.selectable{cursor:pointer;background:#fff}.tambola-cell.selectable:hover{background:#eee}.tambola-cell.selected{background:#fdeea7;transition:background .2s}.tambola-cell.selected:hover{background:#fdeea7}.cell-text{display:table-cell;vertical-align:middle}.tambola-logo{margin:0 auto;display:table;margin-top:2px;text-align:right;margin-bottom:5px}#canvas{margin-left:1000000px}.button.twitter{margin-top:10px;background:#4099ff;width:100%;text-align:center}.button.twitter:hover{background:#278bff}@media only screen and (max-width:1200px){.cell-text{font-size:.9em}}@media only screen and (max-width:1000px){.cell-text{font-size:.7em}}@media only screen and (max-width:800px){.cell-text{font-size:.6em}}@media only screen and (max-width:700px){.cell-text{font-size:.5em}}@media only screen and (max-width:600px){.cell-text{font-size:.4em}}@media only screen and (max-width:500px){.cell-text{font-size:.25em}}@media only screen and (max-width:480px){.headline{font-size:1.8em}.button{font-size:.9em}}@media only screen and (max-width:320px){.cell-text{font-size:.2em}}