@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&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}.App{background-color:#2d1a2c;box-shadow:inset 0 0 10rem #000;text-align:center}a{color:#fff}.clickable{cursor:pointer}.underline{text-decoration:underline}.popup{background-color:#16181d;border:.2rem solid #fff;border-radius:10px;bottom:2rem;left:2rem;opacity:0;padding:20px;position:absolute}html{background-color:#2d1a2c}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-visible{-webkit-animation:fadeOut .2s linear 2.3s,fadeIn .2s linear;animation:fadeOut .2s linear 2.3s,fadeIn .2s linear;opacity:1}html{scroll-behavior:smooth}.player-card{border:3px solid #fff;border-radius:.4rem;display:inline-block;height:2rem;margin:.2rem;width:1.3rem}.played{-webkit-filter:invert(50%);filter:invert(50%)}#players-container{display:flex}#players-container>div{align-content:center;padding:.5rem}#player-card-holder{align-items:center;display:flex;gap:.5rem;justify-content:center}#player-card-holder p{margin:0}#avatar-container{align-items:flex-end;display:flex;justify-content:center;min-height:3.5rem}#avatar-container img{height:3.5rem;max-width:3.5rem}#avatar-container .animated{-webkit-animation:bounce .5s ease-in-out;animation:bounce .5s ease-in-out}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{height:2.5rem;width:4rem}to{height:3.5rem;width:3.5rem}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{height:2.5rem;width:4rem}to{height:3.5rem;width:3.5rem}}body,html{margin:0;padding:0}#root{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:1.3rem;height:100vh}.App{color:#fff;display:flex;flex-direction:column;min-height:100vh}h3{margin:0}button{border-radius:10px;font-size:2.5rem;padding:1rem}#lobby{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}#left-triangle{border-left:50px solid transparent;border-top:8rem solid rgba(28,28,28,0);height:0;max-width:2rem}#right-triangle{border-bottom:8rem solid rgba(28,28,28,0);border-right:50px solid transparent;height:0;max-width:2rem}#top-bar{align-items:center;display:inline-flex;flex-direction:row;justify-content:space-between;min-height:8rem;overflow-x:scroll}#top-bar img:last-child{margin-right:1rem}#top-bar>:last-child{display:flex;flex-direction:row;justify-content:flex-end}#top-bar>*{flex:1 1}#top-bar>div>img{-webkit-animation:none;animation:none;-webkit-filter:invert(100%);filter:invert(100%);height:2.5rem;margin:.3rem;max-width:2.5rem}#top-bar .settings-icon{margin-right:1rem}#top-bar .dark{-webkit-filter:invert(50%);filter:invert(50%);height:2.4rem}#top-bar .damage{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:damage;animation-name:damage}#top-bar #input-name{align-items:center;display:flex;flex-direction:row;justify-content:center}#top-bar #input-name input{border-radius:10px;height:2rem;margin:.3rem}@-webkit-keyframes damage{0%{-webkit-filter:invert(100%);filter:invert(100%);height:2.5rem;-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}50%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}to{-webkit-filter:invert(50%);filter:invert(50%);height:2.4rem}}@keyframes damage{0%{-webkit-filter:invert(100%);filter:invert(100%);height:2.5rem;-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}50%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}to{-webkit-filter:invert(50%);filter:invert(50%);height:2.4rem}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}50%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}50%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#message-thing{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}#message-thing h1{-webkit-animation:shake .2s 2,fadeOut .2s 2.3s;animation:shake .2s 2,fadeOut .2s 2.3s}#main-div{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;max-width:100vw;overflow-y:hidden}#main-div>*{margin:0 auto}.card{display:flex;height:14rem;justify-content:center;min-width:10rem;position:relative;transition:.2s;width:10rem}.card img{border-radius:.5rem;box-shadow:.5rem .5rem .5rem rgba(0,0,0,.267);height:100%;width:100%}.card h2{position:absolute;top:1.6rem}@media screen and (min-width:960px){#your-cards .card:hover{-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}}#your-cards{box-sizing:content-box;display:flex;flex-direction:row-reverse;justify-content:flex-end;overflow-x:auto;overflow-y:visible;padding:1.5rem 1rem 1rem}#your-cards .card:not(:last-child):not(img):not(h2){margin-left:-2rem}#dealt-cards{display:flex;flex-direction:row-reverse;grid-area:top;justify-content:center;min-height:14rem}#dealt-cards .card:not(:last-child):not(img):not(h2){margin-left:-8.5rem}#spacer{flex:1 1}#newRound{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;text-align:center}#newRound h1{-webkit-animation:newRound 2s ease-in-out forwards;animation:newRound 2s ease-in-out forwards;width:100%}@-webkit-keyframes newRound{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%,75%{opacity:100%;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}@keyframes newRound{0%{opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}25%,75%{opacity:100%;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}.home{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px}.home section{min-height:100vh}.home section:first-child{margin:2rem .5rem 0}#navbar-content{align-items:center;-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%;z-index:1}#lobby>h1{text-decoration:underline}#lobby>h1:hover{cursor:pointer}#lobbies-container{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,200px);justify-content:center;width:100%}#lobbies-container .lobby{align-items:center;border:.2rem solid #ccc;border-radius:.5rem;display:flex;flex-direction:column;height:200px;justify-content:center;width:200px}#lobbies-container .lobby h2{margin:0;text-decoration:underline}#lobbies-container .lobby h2:hover{cursor:pointer}#lobbies-container .lobby p{margin:0}#hamburger{margin-top:.5rem}#hamburger span{background-color:#fff;border-radius:10px;display:block;height:.4rem;margin:.3rem;width:2.2rem}nav{align-items:center;display:flex;gap:1rem;margin:0 .3rem}@media screen and (min-width:960px){nav{margin:0 1rem}}nav>span{flex:1 1}nav *{margin:0}nav a{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.d2bab2e4.css.map*/