@import url(https://fonts.googleapis.com/css?family=Lora:400,700);@import url(https://fonts.googleapis.com/css?family=Princess+Sofia|Roboto+Condensed);@import url(https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css);body{font-family:sans-serif;margin:0;padding:0}.card{background:linear-gradient(to left top,#fff,#f0f0f0);border-radius:5px;box-shadow:2px 2px 6px #0003,inset 0 0 0 1px #0003;color:#152624;cursor:pointer;display:flex;float:left;font-family:Roboto Condensed,sans-serif;font-weight:700;height:200px;margin:0 10px 10px 0;position:relative;width:150px}.card.red{color:#ed143d}.card .corner{position:absolute;text-align:center}.card .corner.top{top:10px}.card .corner.left{left:10px}.card .corner.bottom{bottom:10px}.card .corner.right{right:10px}.card .corner h1{font-size:1.5em;margin:0}.card .corner .pip{font-size:1.3em}.card .corner:last-of-type{transform:rotate(180deg)}.card .pip{font-family:serif}.card .pip.clubs:before{content:"\02663"}.card .pip.hearts:before{content:"\02665"}.card .pip.spades:before{content:"\02660"}.card .pip.diamonds:before{content:"\02666"}.card .pips.center-pip{background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:4px;height:100%;margin:auto;width:100%}.card-rank{text-align:center;top:20px}.card-label,.card-rank{position:absolute;width:100%}.card-label{bottom:0;font-family:Roboto Condensed,sans-serif;font-size:12px;padding:5px}.card .pips .pip{font-size:2.3em;position:absolute;transform:translate(-50%,-50%)}.card .pips .pip.flip{transform:translate(-50%,-50%) rotate(180deg)}.card .pips h1{border-style:solid;border-width:1px;font-size:4em;left:50%;line-height:125px;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.Player-shield{position:relative}.Player-shieldRank{position:absolute;top:25%;z-index:1}body,html{background-color:#152624;color:#777;font-family:Roboto Condensed,sans-serif;height:100%}.App{text-align:center}.App-header{background-color:#152624;padding:20px}.App-title{color:#fff;font-size:2em;text-shadow:0 1px 0 #ffffff17}.App-intro{font-size:large;margin-bottom:10px}.App-room{display:flex;flex-flow:row nowrap;justify-content:center;overflow:hidden;padding:25px 0}@media (max-width:576px){.App-room>.card:not(:first-child){margin:0 0 0 -75px}}.App-shield{display:flex;justify-content:center;margin-top:-75px}@media (max-width:576px){.App-shield{margin-top:-150px}}.App-shield .card{box-shadow:0 0 0 10px #43aa8b1a,0 10px 30px #43aa8b80,inset 0 0 0 1px #0003;height:230px;width:180px}@keyframes animate-width{0%{width:0}to{visibility:visible}}.progress-bar{margin:0 0 10px}.progress-bar-rating{background-image:linear-gradient(180deg,#f15471 0,#f15471 47%,#ed143d 50%,#ed143d);border-radius:4px;box-shadow:inset 0 -1px 0 #00000026;color:#fff;display:inline-block;font-size:10px;font-weight:700;height:10px;line-height:10px;overflow:hidden;position:relative;text-align:center;text-indent:-999em;text-transform:uppercase;transition:all .25s cubic-bezier(.26,.01,.51,1);width:0}.button{background:#0000;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:20px 38px 34px -26px #0003;color:#fff;outline:none;transition:all .5s ease}.button:hover{box-shadow:2px 8px 4px -6px #0000004d;color:#ddd}.button.lined.thin{border:2px solid #777}.button[disabled],.button[disabled]:hover{background-color:initial}.button[disabled]:hover{color:#777}.text-white{color:#fff}.text-black{color:#000}.img-responsive{display:block;margin:auto;max-width:100%}.mb3{margin-bottom:60px}.knot{width:150px}
/*# sourceMappingURL=main.5709bfc4.css.map*/