@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;600&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}body,html{color:#0b0b0b;height:100%}.fc-app{padding:20px;text-align:center}.fc-app-header{margin-bottom:2rem}#logo{font-family:Poppins,sans-serif;margin-bottom:0}.fc-app-header .fc-tagline{font-style:italic}div.fortune{background-color:#fff;border-radius:0;color:blue;display:grid;grid-template-columns:100%;grid-template-rows:10px auto 5px;margin:2rem auto 0;min-height:100px;text-align:center;width:auto}.fortune-top{display:grid;grid-template-columns:10% 85% 5%;grid-template-rows:10px}.fortune-body{display:grid;grid-template-columns:100%;grid-template-rows:60px auto}.fortune-bottom{display:grid;grid-template-columns:10% 90%;grid-template-rows:5px}.fortune-bottom>.box:first-child,.fortune-top>.box:first-child,.fortune-top>.box:last-child{background-color:blue}.fc-cookie{background:transparent;border:none;display:block;-webkit-filter:drop-shadow(0 11px 4px rgba(0,0,0,.2));filter:drop-shadow(0 11px 4px rgba(0,0,0,.2));height:17em;margin:2rem auto 0;position:relative;width:auto}.fc-cookie:focus{outline:transparent}.fc-crumb,.fc-crumbs,.fc-fortune,.fc-part{position:absolute;top:0}.fc-crumb,.fc-part{background:currentColor;color:#efaa5d}.fc-part{height:18em;width:8em;z-index:2}.left{border-radius:7em 1em 1em 7em/50%;box-shadow:inset .5em 0 0,inset .5em .2em 0,inset 1em .2em 0 #fff6,inset -.75em 0 0 #0002;clip-path:polygon(0 0,68% 0,100% 30%,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,68% 0,100% 30%,100% 100%,0 100%);left:calc(50% - 5.4em);-webkit-transform:rotate(25deg);transform:rotate(25deg);-webkit-transform-origin:68% 0;transform-origin:68% 0}.right{border-radius:1em 7em 7em 1em/50%;box-shadow:inset -.5em 0 0,inset -.5em .2em 0,inset -1em .2em 0 #fff6,inset .75em 0 0 #0002;clip-path:polygon(0 30%,32% 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 30%,32% 0,100% 0,100% 100%,0 100%);right:calc(50% - 5.4em);-webkit-transform:rotate(-25deg);transform:rotate(-25deg);-webkit-transform-origin:32% 0;transform-origin:32% 0}.fc-crumbs{height:6em;left:calc(50% - .4em);width:.8em;z-index:1}.fc-crumb{border-radius:50%;height:.5em;width:.5em}.fc-crumb:first-child{left:15%;top:4%}.fc-crumb:nth-child(2){right:15%;top:20%}.fc-crumb:nth-child(3){left:25%;top:30%}.fc-crumb:nth-child(4){right:25%;top:45%}.fc-crumb:nth-child(5){left:5%;top:55%}.fc-crumb:nth-child(6){right:5%;top:65%}.fc-crumb:nth-child(7){left:30%;top:75%}.fc-crumb:nth-child(8){right:35%;top:90%}.fc-fortune{background:linear-gradient(#fff0 .75em,#fff 0 5.25em,#fff0 0),linear-gradient(90deg,currentColor 3em,#fff 0 25.25em,currentColor 0);color:#00c;display:flex;flex-direction:column;font-family:serif;height:6em;justify-content:center;left:0;padding:.75em 1.5em .75em 3.75em;text-align:center;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50% 32%;transform-origin:50% 32%;width:26em}.fc-fortune-text{padding:10px}.fc-lucky-numbers{font-size:.8em}.spawned{-webkit-animation:popIn .3s linear;animation:popIn .3s linear}.hide{display:none}.opened{height:6em;width:26em}.opened .left{-webkit-animation:breakLeft .7s ease-in forwards;animation:breakLeft .7s ease-in forwards}.opened .right{-webkit-animation:breakRight .7s ease-in forwards;animation:breakRight .7s ease-in forwards}.opened .fc-crumbs{-webkit-animation:fallOut .7s ease-in forwards;animation:fallOut .7s ease-in forwards}.opened .fc-fortune{-webkit-animation:foldOut .7s ease-in forwards;animation:foldOut .7s ease-in forwards}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes breakLeft{0%{-webkit-transform:translateX(0) rotate(25deg);transform:translateX(0) rotate(25deg)}30%,40%{-webkit-transform:translateX(0) rotate(55deg);transform:translateX(0) rotate(55deg)}70%,80%{opacity:1;-webkit-transform:translateX(-14em) rotate(50deg);transform:translateX(-14em) rotate(50deg)}to{opacity:0;-webkit-transform:translateX(-14em) rotate(50deg);transform:translateX(-14em) rotate(50deg)}}@keyframes breakLeft{0%{-webkit-transform:translateX(0) rotate(25deg);transform:translateX(0) rotate(25deg)}30%,40%{-webkit-transform:translateX(0) rotate(55deg);transform:translateX(0) rotate(55deg)}70%,80%{opacity:1;-webkit-transform:translateX(-14em) rotate(50deg);transform:translateX(-14em) rotate(50deg)}to{opacity:0;-webkit-transform:translateX(-14em) rotate(50deg);transform:translateX(-14em) rotate(50deg)}}@-webkit-keyframes breakRight{0%{-webkit-transform:translateX(0) rotate(-25deg);transform:translateX(0) rotate(-25deg)}30%,40%{-webkit-transform:translateX(0) rotate(-55deg);transform:translateX(0) rotate(-55deg)}70%,80%{opacity:1;-webkit-transform:translateX(14em) rotate(-50deg);transform:translateX(14em) rotate(-50deg)}to{opacity:0;-webkit-transform:translateX(14em) rotate(-50deg);transform:translateX(14em) rotate(-50deg)}}@keyframes breakRight{0%{-webkit-transform:translateX(0) rotate(-25deg);transform:translateX(0) rotate(-25deg)}30%,40%{-webkit-transform:translateX(0) rotate(-55deg);transform:translateX(0) rotate(-55deg)}70%,80%{opacity:1;-webkit-transform:translateX(14em) rotate(-50deg);transform:translateX(14em) rotate(-50deg)}to{opacity:0;-webkit-transform:translateX(14em) rotate(-50deg);transform:translateX(14em) rotate(-50deg)}}@-webkit-keyframes fallOut{0%{left:calc(50% - .4em);-webkit-transform:translateY(0);transform:translateY(0);width:.8em}30%{opacity:1}60%,to{left:calc(50% - 3em);opacity:0;-webkit-transform:translateY(24em);transform:translateY(24em);width:6em}}@keyframes fallOut{0%{left:calc(50% - .4em);-webkit-transform:translateY(0);transform:translateY(0);width:.8em}30%{opacity:1}60%,to{left:calc(50% - 3em);opacity:0;-webkit-transform:translateY(24em);transform:translateY(24em);width:6em}}@-webkit-keyframes foldOut{0%{-webkit-transform:scale(.23,.7);transform:scale(.23,.7)}30%,40%{-webkit-transform:scale(.5,.7);transform:scale(.5,.7)}69%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}74%,to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes foldOut{0%{-webkit-transform:scale(.23,.7);transform:scale(.23,.7)}30%,40%{-webkit-transform:scale(.5,.7);transform:scale(.5,.7)}69%{-webkit-transform:scaleY(.7);transform:scaleY(.7)}74%,to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.2983f0a9.css.map*/