.main{max-width:130rem;margin:8rem auto;min-height:50rem;position:relative}.main__content{background-image:linear-gradient(90deg,#55c57a,#28b485);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:56.25em){.main__content{height:auto}}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:112.5em){html{font-size:70%}}@media only screen and (max-width:75em){html{font-size:50%}}body{font-family:Open Sans,sans-serif;font-weight:400;line-height:1.6;color:#f7f7f7;background-image:linear-gradient(to right bottom,#f7f7f7,#eee);background-size:cover;background-repeat:no-repeat;min-height:100vh}.main__container{height:10rem;width:100%;display:flex;align-items:center}@media only screen and (max-width:31.25em){.main__container{flex-direction:column;height:14rem;justify-content:space-evenly}}.main__container-button{margin:0 auto}.main__container-button-1{font-family:inherit;font-size:1.2rem;color:#333;border:none;padding:.7rem 5rem;border-radius:100px;cursor:pointer}@media only screen and (max-width:75em){.main__container-button-1{font-size:1.4rem}}.main__container-royal{position:absolute;right:2rem;top:2rem;width:10%;padding:.7rem 1rem}@media only screen and (max-width:56.25em){.main__container-royal{margin-top:0;width:15%}}@media only screen and (max-width:31.25em){.main__container-royal{right:1rem;top:1rem;width:20%}}.main__container-players-selector{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 35%}.main__container-players-selector .text{font-size:1.5rem;margin-bottom:1rem}.main__container .select{width:6.5rem;padding:5px 35px 5px 5px;font-size:1.6rem;border:1px solid #3f3e3e;border-radius:6px;height:4rem;appearance:none;background:url(4_aces_96x96-32_37918.1d58a364.png) 90%;background-size:contain;background-repeat:no-repeat}.main__hand{width:80%;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid #f7f7f7;border-top:2px solid #f7f7f7}@media only screen and (max-width:56.25em){.main__hand{width:100%}}@media only screen and (max-width:31.25em){.main__hand{width:100%}}.main__hand--display-cards{display:flex}@media only screen and (max-width:56.25em){.main__hand--display-cards{flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:31.25em){.main__hand--display-cards{width:100%;flex-wrap:nowrap;margin-left:7rem}}.main__hand--display-cards-1{background-color:#fff;height:21rem;width:15rem;background-image:url(deck.4c27b3b1.png);background-position:0;margin:1rem 1rem -5rem}@media only screen and (max-width:112.5em){.main__hand--display-cards-1{height:19rem;width:13rem}}@media only screen and (max-width:75em){.main__hand--display-cards-1{height:26rem;width:19rem;transform:scale(.8)}}@media only screen and (max-width:31.25em){.main__hand--display-cards-1{margin-left:-10rem;transform:scale(.6) rotate(-20deg) translate(8rem,3.5rem)}}.main__hand--display-cards-2{background-color:#fff;height:21rem;width:15rem;background-image:url(deck.4c27b3b1.png);background-position:0;margin:1rem 1rem -5rem}@media only screen and (max-width:112.5em){.main__hand--display-cards-2{height:19rem;width:13rem}}@media only screen and (max-width:75em){.main__hand--display-cards-2{height:26rem;width:19rem;transform:scale(.8)}}@media only screen and (max-width:31.25em){.main__hand--display-cards-2{margin-left:-10rem;transform:scale(.6) rotate(-15deg) translate(8rem,-2rem)}}.main__hand--display-cards-3{background-color:#fff;height:21rem;width:15rem;background-image:url(deck.4c27b3b1.png);background-position:0;margin:1rem 1rem -5rem}@media only screen and (max-width:112.5em){.main__hand--display-cards-3{height:19rem;width:13rem}}@media only screen and (max-width:75em){.main__hand--display-cards-3{height:26rem;width:19rem;transform:scale(.8)}}@media only screen and (max-width:31.25em){.main__hand--display-cards-3{margin-left:-10rem;transform:scale(.6) rotate(0deg) translate(4rem,-5rem)}}.main__hand--display-cards-4{background-color:#fff;margin:1rem;height:21rem;width:15rem;background-image:url(deck.4c27b3b1.png);background-position:0}@media only screen and (max-width:112.5em){.main__hand--display-cards-4{height:19rem;width:13rem}}@media only screen and (max-width:75em){.main__hand--display-cards-4{height:26rem;width:19rem;transform:scale(.8)}}@media only screen and (max-width:31.25em){.main__hand--display-cards-4{margin-left:-10rem;transform:scale(.6) rotate(15deg) translate(2.5rem,-3rem)}}.main__hand--display-cards-5{background-color:#fff;margin:1rem;height:21rem;width:15rem;background-image:url(deck.4c27b3b1.png);background-position:0}@media only screen and (max-width:112.5em){.main__hand--display-cards-5{height:19rem;width:13rem}}@media only screen and (max-width:75em){.main__hand--display-cards-5{height:26rem;width:19rem;transform:scale(.8)}}@media only screen and (max-width:31.25em){.main__hand--display-cards-5{margin-left:-10rem;transform:scale(.6) rotate(20deg) translate(1rem,2rem)}}.main__hand--text{margin-top:2rem;font-size:2rem}.main__hand--text :last-child{display:none}.animation{animation:drawCard 1.5s cubic-bezier(.5,0,.75,0)}@keyframes drawCard{0%{transform:translateY(-60px)}50%{transform:translateY(15px)}to{transform:translateY(0)}}
/*# sourceMappingURL=index.b47a19c3.css.map */