@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);body{font-family:"Nunito",-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;background:#111;color:#fafafa}*,body{margin:0}*{padding:0;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input{background:none;outline:none;color:inherit;border:none;border-bottom:1px solid #777;font-size:inherit;font-family:inherit;padding:.25rem .5rem;transition:border-color .1s ease-in-out}input:focus{border-color:#2f2f2f}button{color:inherit;background:#777;border:none;outline:none;padding:.25rem .5rem;text-transform:uppercase;font-weight:300;transition:all .1s ease-in-out}button:hover{background:#2f2f2f;cursor:pointer;letter-spacing:2px}h1,h2,h3,h4,h5,h6{font-weight:200;font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}h1{letter-spacing:2px}h1.big{font-size:2rem;text-align:center;margin-bottom:2rem}@media (min-width:767px){h1.big{font-size:3rem}}@media (min-width:992px){h1.big{font-size:4rem}}.screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}a{color:#777;text-decoration:none;font-weight:700}a:hover{color:#fafafa}.App{width:100%}.footer{position:fixed;bottom:0;left:0;width:100vw;padding:1rem;font-size:.85rem}.footer_logo{font-weight:300;font-style:italic;color:#aaa}.footer_attributions{position:fixed;bottom:0;right:0;padding:1rem;font-size:.85rem}.login-screen{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.login-screen>form{width:100%;max-width:30rem;padding:0 2rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}@media (min-width:767px){.login-screen>form{max-width:32rem;padding:0}}@media (min-width:992px){.login-screen>form{max-width:42rem}}.login-screen h1{font-size:2rem;text-align:center;margin-bottom:2rem}@media (min-width:767px){.login-screen h1{font-size:3rem}}@media (min-width:992px){.login-screen h1{font-size:4rem}}.login-screen input{font-size:2rem;text-align:center;margin-bottom:4rem;width:100%}.login-screen button{font-size:2rem;text-transform:uppercase;font-weight:300;letter-spacing:2px;width:100%}.login-screen button:hover{letter-spacing:4px}.game-screen{display:flex;flex-direction:row;flex-wrap:wrap;z-index:-1}.game-screen_selector{padding:.5rem 2rem;z-index:1000}.game-screen_selector span{margin-right:2rem;color:#777}.game-screen_selector span:hover{color:#fafafa;cursor:pointer}.card{width:11.2rem;height:16rem;background:#fafafa;border-radius:.5rem;position:relative;font-size:1.25rem;-webkit-perspective:100px;perspective:100px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin:1rem;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.card,.card>div{display:flex;justify-content:center;align-items:center}.card>div{opacity:0;transition:opacity 1ms ease-in-out;transition-delay:75ms;position:absolute;top:0;left:0;width:100%;height:100%}.card>div>div{display:flex;flex-wrap:wrap;justify-content:center;max-width:9rem}.card>div>div svg{fill:#2f2f2f!important}.card.rotated,.card:not(.nohover):hover{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg)}.card.rotated span,.card:not(.nohover):hover span{opacity:0}.card.rotated>div,.card:not(.nohover):hover>div{opacity:1}.card span{transition:opacity 1ms ease-in-out;transition-delay:74ms}.card_valuesWrapper{max-width:8rem;display:flex}.card_values{display:flex;flex-direction:column;max-width:4rem;margin:0 .25rem;justify-content:center;align-items:center}.card_values svg{margin:.25rem 0}.card_values-special{position:relative;width:6rem;height:8rem}.card_values-special_value{position:absolute}.card_values-special_value-topLeft{top:0;left:0}.card_values-special_value-bottomRight{bottom:0;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card_values-special_suit{position:absolute}.card_values-special_suit-topRight{top:0;right:0}.card_values-special_suit-bottomLeft{bottom:0;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card_values-center{justify-content:center;font-size:2rem}.card_values-center.ace{font-size:4rem}.card_suit{position:absolute}.card_suit-topLeft{top:2rem;left:.85rem}.card_suit-bottomRight{bottom:2rem;right:.85rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card_value{position:absolute}.card_value-topLeft{top:.5rem;left:1rem}.card_value-bottomRight{bottom:.5rem;right:1rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card.black{color:#111}.card.black svg{fill:#111}.card.red{color:#e3134f}.card.red svg{fill:#e3134f}
/*# sourceMappingURL=main.f6ad56ae.chunk.css.map */