*{padding:0}*,body{margin:0}body{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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}button{background:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2em;padding:.4em 1em;transition:all .25s ease}button.selected,button:hover{background:#27ae60}button:disabled{background:#bdc3c7;cursor:auto}.CreateProfile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.CreateProfile button{margin-top:16px}.CreateProfile input{font-size:1.4em;padding:8px;margin-top:16px}.Hand{align-items:flex-end;display:flex;justify-content:center;width:100%}.Hand.main{position:absolute;bottom:0}.Hand.main img{width:10vmax}.Hand.main img.selected,.Hand.main img:hover{margin-bottom:0;width:12vmax}.Hand img{cursor:pointer;margin:0 -1%;transform-origin:top right;transition:all .25s ease;width:25%}.Hand img.selected,.Hand img:hover{margin-bottom:3%;width:30%;z-index:5}.Player{background:#2c3e50;border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:16px;position:absolute;transform:translate(-50%,-50%);width:256px;z-index:5}.Player .hearts-container{display:flex;align-items:center}.Player .hearts-container p{flex-grow:1;font-size:.9em}.Player .hearts-container img{margin:0 0 0 4px;height:24px}.Player .top-row{display:flex;margin:8px 0 12px;height:72px}.Player .top-row .character{border:2px solid #fff;border-radius:4px;width:72px}.Player .top-row .Hand{padding-bottom:8px}.Player .bottom-row{height:96px}.Player .bottom-row img{height:100%;margin-right:8px;width:auto}.Player .bottom-row img:last-of-type{margin-right:0}.Player .select-button{margin-top:8px}.Player .gun{width:72px}.Deck{position:relative}.Deck.selectable{cursor:pointer}.Deck img{position:absolute;width:100%;height:100%}.Game .table-contents{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);top:calc(47% - 150px);left:50%}.Game .table-contents .decks-container{display:flex;margin-bottom:24px;justify-content:center}.Game .table-contents .decks-container .Deck{width:120px;height:187px;margin:0 24px}.Game .table-contents .decks-container>.Card{width:160px;height:240px;margin:0 8px}.Game .table-contents .instructions{line-height:1.4em;text-align:center}.Game .table-contents .turn-button{margin:20px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.FlyingCard{background:url(/static/media/back.c4b55ff0.png);background-size:cover;width:120px;height:187px;position:absolute;transition:all .75s ease;z-index:4}.FlyingCard.flying{width:6vmax;height:9vmax;transform:translate(-50%,-50%)}.Lobby .table{width:300px;height:300px;background:#654321;top:50%;left:50%;border-radius:50%}.Lobby .table,.Lobby img,.Lobby p{position:absolute;transform:translate(-50%,-50%)}.Lobby img{width:120px;transform:translate(-50%,-50%) rotate(3.14rad)}.Lobby button{top:calc(50% + 200px)}.EnterCode,.Lobby button{position:absolute;transform:translate(-50%,-50%);left:50%}.EnterCode{top:50%;display:flex;flex-direction:column;align-items:center}.EnterCode button{margin-top:16px}.EnterCode input{font-size:1.4em;padding:8px;margin-top:16px}.Homepage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.Homepage button{margin-top:16px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.83200dc6.chunk.css.map */