*{box-sizing:border-box}.App-logo{height:5ch;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{background-color:#282c34;height:100vh;font-size:1.33em;color:#fff;display:grid;grid-template-rows:auto 1fr auto}header{display:grid;grid-template-columns:auto 1fr}header nav{display:flex;flex-flow:row nowrap;align-items:center}header nav button{background-color:#0ff;border:0;font-size:2rem;margin:.2rem}header nav button:hover,header nav button:focus{background-color:#008b8b}h2{text-align:center;margin:0}main{overflow:scroll}footer{text-align:center;padding-bottom:.5ch}footer a:link,footer a:visited{color:#0ff}.d1{background-position:0 0}.d2{background-position:-100px 0}.d3{background-position:-200px 0}.d4{background-position:-300px 0}.d5{background-position:-400px 0}.d6{background-position:-500px 0}.d1:hover{background-position:0 -200px}.d2:hover{background-position:-100px -200px}.d3:hover{background-position:-200px -200px}.d4:hover{background-position:-300px -200px}.d5:hover{background-position:-400px -200px}.d6:hover{background-position:-500px -200px}.l1{background-position:0 -100px}.l2{background-position:-100px -100px}.l3{background-position:-200px -100px}.l4{background-position:-300px -100px}.l5{background-position:-400px -100px}.l6{background-position:-500px -100px}.l1:hover{background-position:0 100px}.l2:hover{background-position:-100px 100px}.l3:hover{background-position:-200px 100px}.l4:hover{background-position:-300px 100px}.l5:hover{background-position:-400px 100px}.l6:hover{background-position:-500px 100px}.die figure{margin:10px auto;width:100px;height:100px;border-radius:10px}#yathzee-main{display:grid;grid-auto-flow:column;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;max-width:650px;margin:auto}.section{text-align:center}#scoreboard{grid-row:1 / 4;margin-right:5px}.row{border-top:1px solid}.input,.total{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 .2em}.input span,.total span{font-size:.9em}.total{text-align:left}.btn{width:60px;text-align:center}.button{width:80%;margin:auto;border:1px solid transparent;border-radius:.25rem}#tic-tac-toe{display:grid;grid-template-columns:auto auto auto;margin:0 auto;width:300px}#tic-tac-toe :nth-child(1){border-right:1px solid white;border-bottom:1px solid #ffffff}#tic-tac-toe :nth-child(2){border:1px solid white;border-top:none}#tic-tac-toe :nth-child(3){border-left:1px solid white;border-bottom:1px solid white}#tic-tac-toe :nth-child(4){border:1px solid white;border-left:none}#tic-tac-toe :nth-child(5){border:1px solid white}#tic-tac-toe :nth-child(6){border:1px solid white;border-right:none}#tic-tac-toe :nth-child(7){border-right:1px solid white;border-top:1px solid white}#tic-tac-toe :nth-child(8){border:1px solid white;border-bottom:none}#tic-tac-toe :nth-child(9){border-left:1px solid white;border-top:1px solid white}.tile{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.tile button{width:80%;height:80%}#reset-button{text-align:center}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}