@import url(https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0}#root,body,html{height:100%}body{display:flex;flex-direction:column}.App{background-color:#282c34;flex:1 1;text-align:center}.App-logo{height:20vmin;pointer-events:none;top:0}.App-header{align-items:center;background-color:#282c34;color:#fff;display:grid;font-size:calc(10px + 2vmin);grid-template-columns:1fr 1fr 1fr;margin:0 1rem 1rem;min-height:10vh;padding:1rem;place-items:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.diceGrid{grid-column-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.diceGrid,.diceGridItem{align-items:center;height:100%;justify-content:center}.diceGridItem{display:flex;margin:auto;text-align:center}.button{background:#0000;height:3rem;padding:1px;width:3rem}.buttonContainer{align-items:center;background-color:#08324e;border:0 solid #3498db;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;max-height:4rem;max-width:4rem;padding:1rem;text-align:center;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s}.buttonContainer:hover{background-color:#fff;border-color:#fff;color:#3498db}.diceTitle{font-size:30px}.diceTitle,.playerName{color:#fff;font-family:IM Fell DW Pica,serif}.playerName{font-size:20px;text-shadow:2px 2px 5px #000c}.appTitle{font-family:IM Fell DW Pica,serif;font-size:35px}.d100DiceImg,.d10DiceImg,.d12DiceImg,.d20DiceImg,.d4DiceImg,.d6DiceImg,.d8DiceImg{height:150px;margin:.1rem;max-height:150px;max-width:150px;width:auto}.d100Container{position:relative}.d100DiceImg{z-index:-1}.d100Display{color:#fff;font-family:IM Fell DW Pica,serif;font-size:35px;left:50%;position:absolute;top:25%;transform:translate(-50%,-50%);z-index:1}.playerContainer{height:100%;width:-webkit-min-content;width:min-content}.Player1{background-color:#88ab75}.Player1,.Player2{grid-column-gap:1rem;border-radius:15px;color:#fff;cursor:pointer;display:inline-block;display:grid;font-family:IM Fell DW Pica,serif;font-size:16px;font-weight:700;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:40%;margin:auto;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;width:80%}.Player2{background-color:#de8f6e;transform:rotate(180deg);transform-origin:center}.playerGridItem{font-size:46px;margin:auto}.rollButton{background-color:#3498db;border:2px solid #3498db;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s}.rollButton:hover{background-color:#fff;border-color:#fff;color:#3498db}.inputBox1{background-color:#6a8d58;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-family:IM Fell DW Pica,serif;font-size:20px;padding:10px;text-align:center;transition:border-color .3s ease-in-out}.inputBox1:focus,.inputBox1:hover{border-color:#6a8d58}.inputBox1:focus{color:#fff;font-size:20px;outline:none}.inputBox2{background-color:#bb7357;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-family:IM Fell DW Pica,serif;font-size:20px;padding:10px;text-align:center;transition:border-color .3s ease-in-out}.inputBox2:focus,.inputBox2:hover{border-color:#bb7357}.inputBox2:focus{color:#fff;font-size:20px;outline:none}@media only screen and (max-width:500px){.App,body,html{height:100%;margin:auto;overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}.diceGrid{margin:1rem;width:90%}}@media only screen and (max-width:2200px){body,html{margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:hidden;top:0;width:100%}.diceGrid{margin:1rem;width:90%}}
/*# sourceMappingURL=main.1132e5b3.css.map*/