@font-face{font-family:KGRedHands;src:local("KGRedHands"),url(/static/media/KGRedHands.d0860a50771dc0d44b42.ttf) format("truetype")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d4e7fa;font-family:KGRedHands,sans-serif;margin:0;padding:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn,button{border:none;border-radius:5px;cursor:pointer;font-family:KGRedHands;padding:5px 10px}.btn-primary{background:#0da8ea;color:#fff}.btn-link{background:none}.Section{padding:20px}@media only screen and (max-width:600px){.Section{padding:10px}}@media only screen and (min-width:600px){.Section{padding:10px}}.BlockSet{display:flex;flex-direction:row;flex-wrap:wrap;max-height:500px;overflow:auto}.PlayMat{align-items:center;background:#2c2c2c;color:#fff;display:flex;height:50vh;justify-content:center;padding:20px;position:relative}.PlayMat .Block{margin-right:-40px}.FloatingButtons{align-items:center;bottom:20px;display:flex;flex-direction:row;gap:20px;justify-content:center;left:20px;position:absolute;z-index:100}.Block{margin:10px;position:relative;z-index:0}.BlockImage{left:10px;position:absolute;width:100%;z-index:-1}.BlockContent{align-items:center;display:flex;font-family:KGRedHands;font-size:30px;height:80px;justify-content:center;width:150px}.BlockCircle{background-color:#000;border-radius:100%;height:60px;width:60px}@media only screen and (max-width:600px){.BlockContent{font-size:16px;height:40px;width:70px}.BlockCircle{height:30px;width:30px}}@media only screen and (min-width:600px){.BlockContent{font-size:18px;height:40px;width:70px}.BlockCircle{height:32px;width:32px}}@media only screen and (min-width:768px){.BlockContent{font-size:24px;height:50px;width:90px}}@media only screen and (min-width:992px){.BlockContent{font-size:26px;height:60px;width:110px}.BlockCircle{height:50px;width:50px}}@media only screen and (min-width:1200px){.BlockContent{font-size:28px;height:70px;width:130px}.BlockCircle{height:55px;width:55px}}.BlockPlaceholder{background:transparent;border:2px dashed #fff;color:#fff;font-size:15px;opacity:.5;padding:30px;position:absolute;text-align:center;z-index:100}.BlockSets{display:flex;flex-direction:row;overflow:scroll}.BlockSets button{background:#040247;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;height:75px;margin-right:10px;padding:10px;width:130px}.BlockSets button.selected,.BlockSets button:hover{background:#0da8ea}@media only screen and (max-width:600px){.BlockSets button{font-size:8px;height:40px;width:70px}}@media only screen and (min-width:600px){.BlockSets button{font-size:8px;height:40px;width:70px}}@media only screen and (min-width:768px){.BlockSets button{font-size:10px;height:50px;width:90px}}@media only screen and (min-width:992px){.BlockSets button{font-size:12px;height:60px;width:110px}}@media only screen and (min-width:1200px){.BlockSets button{font-size:14px;height:70px;width:130px}}.TrashBin{align-items:center;border-top:2px dashed #fff;bottom:0;color:#fff;display:flex;gap:10px;justify-content:center;left:0;opacity:.5;overflow:hidden;padding:20px;position:fixed;right:0;z-index:50}.TrashBinIcon{font-size:20px}.CardPlayButton{background:#0da8ea;color:#fff;padding:10px 20px}.CardGameContainer{align-items:center;display:flex;justify-content:center;left:1%;position:absolute;top:51%}.Card{background:#fff;border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);color:#000;min-width:250px;padding:20px}.CardContent{align-items:center;display:flex;height:80px;justify-content:center}.CardText{font-size:40px;font-weight:400;margin:0}.CardImage{width:100px}.CardControls{align-items:center;display:flex;flex:row 1;justify-content:space-between;margin-top:20px}.CancelBtn{background:none;color:#5b5b5b;font-size:20px;position:absolute;right:10px;top:10px}@media only screen and (min-width:600px){.CardGameContainer{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Card{min-width:300px}.CardContent{height:120px}.CardText{font-size:50px}.CardImage{width:120px}}@media only screen and (min-width:768px){.Card{min-width:340px}.CardContent{height:150px}.CardImage{width:150px}}.btn-story-play{background:#b04cc3;color:#fff;padding:10px 20px}.StoryGameContainer{background:#fff;border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);left:50%;max-width:800px;padding:0 20px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.WindowControls{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;padding:10px 0 20px}.WindowControl{background:none;color:#5b5b5b;font-size:20px}.WindowControl:hover{background:#efefef}.StoryPages{display:flex;flex-direction:row;gap:20px;width:100%}.StoryPage{border:1px solid grey;border-radius:5px;padding-bottom:40px;position:relative;width:50%}.StoryPageImage{display:block;margin-bottom:20px;margin-left:auto;margin-right:auto;width:100%}.StoryPageText{font-size:16px;font-weight:400;padding-left:20px;padding-right:20px;text-align:center}.StoryControls{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:80px}.StoryPageNumber{bottom:5px;font-size:14px;position:absolute}.StoryPageLeft .StoryPageNumber{right:20px}.StoryPageRight .StoryPageNumber{left:20px}.StoryMatchImages{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.StoryMatchImage{flex:1 1;max-width:30%}.StoryMatchInstruction{color:gray;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:italic;margin-top:60px;text-align:center}.StoryMatchResultText{margin-top:20px;text-align:center}@media only screen and (min-width:768px){.StoryPageText{font-size:18px}}@media only screen and (min-width:992px){.StoryPageText{font-size:20px}}.minimized-page{padding:5px;width:50%}.minimized-page__image{border-radius:5px;width:100%}.minimized-page__text{font-size:8px}.minimized-story{background:#fff;border-radius:5px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);cursor:pointer;display:flex;flex-direction:row;left:20px;position:fixed;text-align:center;top:calc(50vh + 20px);width:300px}.PlaymatClearButton{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.5;position:absolute;right:20px;top:20px;z-index:100}
/*# sourceMappingURL=main.ab307db6.css.map*/