img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body {background: #555;background-image: url(bg.jpg);background-attachment: fixed;background-size: cover cover;font-family: 'Lato', sans-serif;margin: 0;} h1 {font-family: 'Cinzel Decorative', cursive;color: #fff;text-shadow: 0 0 0.5em #00c;text-align: center;} section {display: none;} section:first-of-type {display: block;} table {border-collapse: collapse;margin: auto;box-shadow: 0 0 1em #00c;} table, input {background: #fff;font-family: 'Lato', sans-serif;} select {padding: 0.5em;display: block;margin: auto;} td, th {border: 1px solid #33f;} th strong {font-size: 200%;} input {width: 5em;font-weight: bold;} input.score {width: 2.25em;font-size: 150%;} td input, th input {border: 0;padding: 0.5em;} td input {text-align: right;} td:nth-of-type(1) input, th:nth-of-type(1) * {color: red;} td:nth-of-type(2) input, th:nth-of-type(2) * {color: blue;} td:nth-of-type(3) input, th:nth-of-type(3) * {color: green;} td:nth-of-type(4) input, th:nth-of-type(4) * {color: darkgoldenrod;} td:nth-of-type(5) input, th:nth-of-type(5) * {color: purple;} td:nth-of-type(6) input, th:nth-of-type(6) * {color: orange;} #buttons {text-align: center;} #buttons button {margin: 2em;padding: 1em;border-radius: 1em;color: #fff;} #clearScores {background: #c63;border: 1px solid #930;box-shadow: 0 0 1em #930;} #clearAll {background: #c33;border: 1px solid #900;box-shadow: 0 0 1em #930;}