html{background:#F2F6F8;padding:0;margin:0;font-family:'Poppins',sans-serif}body{font-size:18px;height:100%;padding:0;margin:0;color:#010C13}h1{font-weight:800;text-align:center}h1,h2,p{padding:0 15px}h2{text-align:center;margin-bottom:10px;font-weight:600}.winners p{margin-top:0}ul{list-style-type:none;padding:0 0 0 0;margin:0}ul.rules{list-style-type:disc;padding:10px 20px;margin:20px}p{text-align:center;font-weight:300}.main{background:#F2F6F8;display:block;max-width:800px;margin-left:auto;margin-right:auto;padding:10px;width:100%;width:calc(100% - 20px)}.main-container{display:block;max-width:800px;background:#F2F6F8;padding:10px;width:calc(100% - 20px);padding-bottom:20px}.header{color:#aaf;border-bottom:4px solid #a78e70;border:unset;margin-bottom:16px}.hrow{width:100%;display:flex;flex-direction:row;align-items:flex-start}.hcol{display:inline-block}.hcol.col-1{flex:1 0 200px;padding-right:20px}.hcol.col-2{padding-right:0;flex:0 0 100px}#menu{display:none}.nav-menu{margin:8px 0;border:2px solid #575c20;border:unset;display:block;width:50%;max-width:400px;margin-left:auto;margin-right:auto}.nav-menu ul{list-style-type:none;padding:2px 2px 0 2px;margin:0}.nav-menu li{border:1px solid #775e40;font-size:16px;text-align:center;color:#fff;background:#645986;padding:6px 10px;margin-bottom:3px;letter-spacing:.05em;border-radius:4px;font-family:'Poppins',sans-serif;border:1px solid #645986}.nav-menu li span{text-decoration:none;color:#fff}.nav-menu li span:hover,.nav-menu li:hover,.nav-menu li:hover span{color:#775e40;background:#fff;cursor:default}img.logo{width:100%;max-width:250px}.heading .row{display:block;width:100%;vertical-align:bottom;display:flex;flex-flow:row wrap;flex:0 0 100%}.scores .row{width:100%;display:block;width:100%;height:28px;clear:both}.col{width:calc(12% - 6px);max-width:60px;margin:0;padding:4px 2px;float:left;align-self:flex-end}.heading .col.base{text-align:center}.heading .col.player,.scores .col.player{width:calc(16% - 2px);max-width:58px;padding:0}.heading .col.player{display:flex;height:auto;align-items:end;justify-content:center;padding-top:6px;padding-bottom:6px;font-size:1.1rem}.scores .col.player{height:35px}.heading .col.player .name{writing-mode:vertical-rl;font-size:1.2rem;transform:rotate(180deg);text-align:left}.scores .col.base{text-align:right;padding-right:4px;padding-left:0}.odd{background:#ddd}.score .col{text-align:right}.scores .col.player .score{padding:2px}.col.player .score.total{padding:4px 2px;text-align:center;margin-left:11px}.scores input.score-input{background:#F2F6F8;background:transparent;width:34px;text-align:right;height:auto;height:23px;border:unset;font-size:1.1rem}.page.card .scores.total{display:block;background:#eee;border-top:2px solid #575c20;padding:4px 0 4px 0;margin-top:10px;margin-bottom:30px}label{margin-left:auto;margin-right:auto;display:block;width:calc(70% - 20px);font-size:1rem;margin-top:4px}button.button{margin-left:auto;margin-right:auto;display:block;color:#645986;width:70%;font-weight:500;width:calc(70% - 20px);font-size:16px;padding:18px 8px;border:1px solid #573e20;background:transparent;margin-top:15px;letter-spacing:.05em;border-radius:4px;font-family:'Poppins',sans-serif;border:1px solid #645986}button.button:hover,button.button.marked{background:#645986;color:#fff}button.button.marked:hover{background:transparent;color:#645986}button.button.menu{width:100%;margin:0;align-self:flex-end}button.button.close{width:80%}input[type="text"]{display:block;margin-left:auto;margin-right:auto;background:#F2F6F8;margin-top:4px;margin-bottom:12px;border:1px solid #645986;width:calc(70% - 40px);padding:6px 8px;font-size:1.2rem;border-radius:4px}.modal{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(.4,.4,.4,.8);z-index:900}.modal-body{max-width:748px;display:block;border:4px solid #775e40;background:#fff;width:90%;margin:auto;margin-top:20px;z-index:1000;padding-bottom:20px;opacity:1}#winnerlist{margin-bottom:25px;padding:4px 16px 18px 16px;background:#a78e70}#winnerlist li{color:#fff;padding-top:10px;border-bottom:2px solid #fff}#winnerlist li .number{font-size:1.3rem;font-weight:700;padding-right:8px}@media screen and (max-width:640px){.nav-menu{width:100%}label{width:calc(100%)}button.button{width:calc(100%)}button.button.menu{width:100%}input[type="text"]{width:calc(100% - 20px)}}