@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Comforter+Brush&family=Limelight&family=Bona+Nova+SC&display=swap);body,html{margin:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0c0c11 0,#29293c);color:#aaa;font-family:Comfortaa,Helvetica Neue,Verdana,sans-serif;margin:0}h1,h2,h3,h4{font-family:Comforter Brush,cursive;font-weight:100;letter-spacing:2px}h1{font-size:50px}h2{font-size:36px;margin:12px 0}.solarBorder h2,.terranBorder h2{font-size:22px;letter-spacing:normal}p{margin:12px 0}.loader{align-content:center;align-items:center;display:block;display:flex;height:200px;justify-content:center;width:100%}.moonLoader{background-color:#fff;border:2px solid #fff;border-radius:50%;height:100px;overflow:hidden;position:relative;transform:translateZ(0);width:100px;&:before{animation:flip 2s steps(2) 1s infinite alternate;background-color:#222;content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:50%}}.discLoader{animation:rotate 4s linear infinite;height:100%;transform-style:preserve-3d;width:100%;&:after,&:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;content:" ";display:block;height:100%;position:absolute;transform-style:preserve-3d;transition:transform 4s;width:100%}&:before{background-color:#222}&:after{background-color:#fff;transform:rotateY(180deg)}}@keyframes rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes flip{0%{left:0}to{left:100%}}.introContainer h1{font-size:80px;margin:20px;text-align:center}.introImageContainer{background:#333;border-left:3px solid #999;border-right:3px solid #999;border-top-left-radius:50%;border-top-right-radius:50%;margin:0 auto;padding:50px;width:50%}.introImage{border-radius:50%;width:100%}.introTransition{background:#333;border-left:3px solid #999;border-right:3px solid #999;border-top-left-radius:100px;border-top-right-radius:100px;height:60px}.cycleIntroImage{align-self:center;border-radius:20px;margin:10px 0;max-width:99%}.descCellPointsContainer{background:#0000004d;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;width:100%}.descCellPoints{align-items:center;border-radius:6px;display:flex;flex-direction:row;font-size:20px;font-weight:700;padding:0 2px;text-shadow:0 2px 2px #000}.descCellPoints.disabled svg,.descCellPoints.zeroPoints svg{opacity:.4}.descCellPoints.negativePoints{color:#d32a0e}.descCellPoints.selectable{cursor:pointer}.descCellPoints.selectable:hover{background:#0003}.descCellPoints.descYinPoints.selected{box-shadow:0 0 2px 2px #91d1ff,0 0 4px 4px #7543df}.descCellPoints.descYangPoints.selected{box-shadow:0 0 2px 2px #fff,0 0 4px 4px gold}.descYinPoints{justify-content:start}.descYangPoints{justify-content:end}.descCellPointsContainer svg{height:50px}.headerPointsContainer{display:flex;flex-direction:row;font-size:16px;justify-content:space-between;position:absolute;width:80%}.headerPointsContainer .descCellPoints{font-size:16px}.headerPointsContainer svg{height:25px;margin:0 3px}.headerPointsContainer .descCellPoints.cancelledPoints .originalPoints{font-weight:strong;opacity:.5;text-decoration:line-through}.headerPointsContainer .descCellPoints.cancelledPoints .modifiedPoints{color:#ccc;margin:0 5px;opacity:1}.headerPointsContainer .doublePoints{color:#fff;font-size:60%;font-weight:700}.descCellPointsContainer.solarMode{background:#0000001a;margin:0 5% 2px;width:90%}.descCellPointsContainer.solarMode svg{height:40px}.lunarBottomTransition{background:#333;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-left:3px solid #999;border-right:3px solid #999;margin-bottom:10px;min-height:70px;padding:40px 0}.outroTransition h2{margin:0;text-align:center}.outroSummary{padding:0 12px}.outroSummary p strong{font-size:14px}.outroSummary p{font-size:12px}.endingPerkSection .outroFinalPoints{background:#0a0a0abf;margin:0 auto;max-width:400px;padding:10px;text-align:center;width:auto}.solarBorder .endingPerkSection .outroFinalPoints,.terranBorder .endingPerkSection .outroFinalPoints{background:#f7f1e2f2}.summaryImage{border-radius:50%;height:40px;width:40px}.exportButton{background:#d4e2e4;border:none;border-bottom:2px solid #000;border-radius:20px;border-top:2px solid #fff;box-shadow:0 4px 4px 1px #111;cursor:pointer;margin:12px;padding:10px}.exportButton:hover{background:#fafafa;box-shadow:0 5px 5px 5px #000}.exportButton:active{background:#c8d2d2;box-shadow:0 1px 1px 1px #000}.endingBorder{margin:15px 0;min-height:50px;padding:40px 0}.endingContainer{padding:15px}.endingIntro{align-items:center;display:flex;flex-direction:row;margin:0 0 60px}.endingIntroImg{margin:0 60px 0 0}.failBorder{background:#111;border-left:6px solid #881313;border-radius:50px;border-right:6px solid #881313}.lunarBorder{background:#333;border-left:3px solid #999;border-radius:100px;border-right:3px solid #999}.terranBorder{background:radial-gradient(500px at top left,#e4caca,#0000),radial-gradient(500px at top right,#9bb58d,#0000),radial-gradient(500px at bottom left,#d1d141,#0000),radial-gradient(500px at bottom right,#5c9bca,#0000),#baae98;border:3px solid #106810;border-bottom-left-radius:40px;border-bottom-right-radius:80px;border-top-right-radius:20px;color:#251a02}.terranBorder h1,.terranBorder h2,.terranBorder h3,.terranBorder h4,.terranBorder h5{font-family:Bona Nova SC,serif}.endingPerkGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto}.App{margin:0 auto;max-width:1400px;width:100%}@media (max-width:1000px){.App .gridContainer{border-left:none;border-right:none;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1fr}.App .gridCell{padding:5px}.App .headerPhase{font-size:12px;height:80px;width:80px}.App .descriptionCellTextContainer{margin-right:4px;max-width:100px}.App .descriptionCellImage{width:100%}.App h1{font-size:32px}.App h2{font-size:24px;letter-spacing:normal}.App .solarBorder h2,.App .terranBorder h2{font-size:18px;letter-spacing:normal}.App p{font-size:12px}.App .headerPointsContainer svg{height:22px}.App .descCellPointsContainer svg{height:45px}}@media (max-width:550px){.App .gridContainer{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr}.App .gridCell{padding:2px}.App .headerCell{min-height:105px}.App .headerPhase{font-size:10px;height:50px;width:50px}.App .headerPointsContainer svg{height:16px}.App .descCellPointsContainer svg{height:35px}}@media (max-width:460px){.App h1{font-size:24px}.App h2{font-size:20px}.App .solarBorder h2,.App .terranBorder h2{font-size:15px;letter-spacing:normal}.App .gridContainer{grid-template-columns:20% 16% 16% 16% 16% 16%}.App .rowDescriptionCell{flex-direction:column}.App .descriptionCellTextContainer p{display:none}.App .descriptionCellTextContainer .descCellPoints p{display:block}.App .headerPointsContainer svg{height:12px}.App .descCellPointsContainer svg{height:20px}}
/*# sourceMappingURL=main.f7bfae2d.css.map*/