.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tree{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:400px}.branches-container,.leaves-container{height:100%;position:absolute;width:100%}.branch{background-color:#654321;transform-origin:0 50%}.branch,.leaf{position:absolute;transition:all .5s ease-out}.leaf{background-color:#228b22;border-radius:50% 0;height:20px;transform-origin:center;width:20px}@keyframes growBranch{0%{opacity:0;transform:scale(0)}to{opacity:1}}@keyframes growLeaf{0%{opacity:0;transform:scale(0) rotate(0deg)}to{opacity:.9;transform:scale(1) rotate(var(--rotation))}}.leaf:hover{background-color:#81c784;transform:scale(1.2);transition:all .3s ease}.leaf:nth-child(3n){background-color:#66bb6a}.leaf:nth-child(3n+1){background-color:#4caf50}.leaf:nth-child(3n+2){background-color:#43a047}.tree-container{align-items:center;display:flex;height:400px;justify-content:center;margin-top:2%;min-height:50vh;position:relative}.tree-level{left:50%;position:absolute;transform:translateX(-20%);transition:all 1s ease-out}.tree-level img{height:auto;max-width:40%}.soil-level{margin:0 auto;max-width:600px;padding:0 20px;position:relative;text-align:center;width:100%}.soil-level img{height:auto;max-width:100%;width:60%}.progress-container{background-color:#e0e0e0;border-radius:10px;height:20px;margin-top:10px;overflow:visible;padding:0 50px;position:relative;width:100%}.progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease-in-out}.progress-text{color:#000;font-size:12px;font-weight:700;left:50%;position:absolute;text-align:center;text-shadow:1px 1px 1px #ffffff80;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.points-needed-text{color:#666;font-size:14px;font-style:italic;margin-top:8px}.level-indicator{color:#666;font-size:14px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.level-indicator.left{background-color:#fff;left:.5%}.level-indicator.right{background-color:#fff;right:.5%}
/*# sourceMappingURL=main.49e7da45.css.map*/