body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-garden-button{float:right}.garden-form-section{padding:20px;border:1px solid #ccc;background-color:#95703f;border-radius:10px;max-width:100%}.garden-form{display:flex;align-items:center;flex-direction:column;gap:2vh}.form-row{display:flex;justify-content:space-between;background-color:#95703f}h1{text-align:center;font-size:2em;margin-bottom:20px;color:#dde7c7;text-shadow:1px 1px 4px rgba(0,0,0,.5)}input,select{width:200px;padding:10px;border:2px solid #ccc;border-radius:5px;background-color:#3a3535;box-sizing:border-box;font-size:1rem;color:#dde7c7;margin-left:10px}input:focus,select:focus{border-color:#2980b9;outline:none;box-shadow:0 0 5px #2980b980}label{font-size:1.5em;margin-bottom:5px;margin-top:15px;margin-left:15px}.info-icon{font-size:1.5rem;color:#fff;cursor:pointer}@media (max-width: 768px){.garden-form-section{padding:15px;max-width:100%}h1{font-size:1.8rem}input,select,button{width:100%}.form-row{flex-direction:column;gap:10px}}@media (max-width: 480px){h1{font-size:1.5rem}button{font-size:.9rem;padding:10px 15px}input,select{font-size:.9rem}}.header{display:flex;justify-content:space-evenly;align-items:center;padding:20px 40px;width:100%;height:200px;background-image:url(/assets/header-bg-CEVaho6N.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:40vh}.header-title{background-color:transparent;color:#fffaf0;font-size:1.3rem;font-weight:700;margin-left:10vh;margin-right:30vh;text-align:center;z-index:1;position:relative}.home-btn{padding:10px 20px;font-size:1rem;background-color:tan;color:#000;cursor:pointer;display:flex;margin-right:center;justify-content:center;margin-right:10vh;position:static}.lottie-animation-container{background:transparent;width:250px;height:250px}.home-btn:hover{background-color:#45a049}@media (min-width: 768px) and (max-width: 1024px){.header{flex-direction:row;justify-content:space-around;padding:10px 30px}.animation-container{flex-direction:row;align-items:center}.header-title{font-size:1.3rem;padding-left:10px;margin-left:0vh}.home-btn{font-size:1rem;margin-left:5%;margin-right:5%;padding:8px 16px}}@media (max-width: 768px){.header{padding:10px 20px;flex-direction:column;text-align:center;height:auto}.animation-container{flex-direction:column;align-items:center}.lottie-animation-left{width:80px;height:80px;margin-bottom:0}.header-title{font-size:1.3rem;margin-right:13vh;margin-bottom:20vh}.home-btn{padding:10px 20px;font-size:1rem;background-color:tan;color:#000;cursor:pointer;display:flex;margin-left:20%;margin-right:10%}}.my-garden-page{border:2px solid black;padding:2em;display:flex;flex-direction:column;align-items:center;background-color:#15202b;box-shadow:0 4px 8px #0000001a;margin:0 auto}.garden-name{font-size:2em;color:#bebeb1;margin-bottom:1.5em;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.all-plant-cards{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;padding:1em;background-color:#15202b;border-radius:8px;width:100%;box-sizing:border-box;color:#bebeb1}.all-plant-cards>*{max-width:calc(25% - 1em)}@media (max-width: 480px){.all-plant-cards>*{flex:1 1 100%;max-width:100%}}.no-plants-message{font-size:1.2em;color:#555;margin-top:1em;text-align:center}.plant-card{background-color:#3a3535;padding:1em;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0003}.plant-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.plant-card img{max-width:100%;border-radius:8px;margin-bottom:.5em}.plant-card h3{font-size:1.5em;color:#dde7c7;margin-bottom:.5em}.plant-card p{font-size:1em;color:#dde7c7;margin-bottom:1em}button{padding:10px 15px;font-size:1rem;font-weight:700;background-color:#333;color:#dde7c7;border:none;border-radius:4px;cursor:pointer}@media (max-width: 768px){.my-garden-page{padding:1.5em}.garden-name{font-size:1.8em}button{width:30%;color:#dde7c7}}@media (max-width: 480px){.garden-name{font-size:1.5em}button{font-size:.9rem;padding:8px 12px}}.plant-card{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid black;border-radius:8px;padding:1em;background-color:#95703f;margin:10px;box-shadow:0 4px 6px #0000001a}.plant-card:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.plant-image{width:120px;height:auto;border-radius:6px;margin-bottom:1em}.plant-card h3{font-size:1.2em;color:#000;margin:.5em 0;text-align:center}.plant-card p{font-size:.9em;color:#000;text-align:center;margin:.5em 0}button{padding:12px 20px;font-size:1rem;font-weight:700;background-color:#333;color:#dde7c7;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#2980b9;color:#fff}@media (max-width: 768px){.plant-image{width:100px}button{padding:16px 24px;font-size:1.2rem;width:fit-content}}.button-disabled{background-color:#d3d3d3;color:#000;cursor:default}button:disabled:hover{background-color:#d3d3d3;color:#000;cursor:default}.recommendations-container{border:2px solid black;padding:2em;display:flex;flex-direction:column;align-items:center;background-color:#15202b;box-shadow:0 4px 8px #0000001a;margin:0 auto}.recommendations-header{font-size:1.8em;color:#bebeb1;margin-bottom:1em;text-align:center}.default-message{font-size:1.2em;color:#bebeb1;margin-top:1em;text-align:center}.plant-cards{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;padding:1em;background-color:#15202b;border-radius:8px;width:100%;box-sizing:border-box}.plant-cards>*{flex:1 1 calc(25% - 1em);max-width:calc(25% - 1em);min-width:200px}@media (max-width: 768px){.plant-cards>*{flex:1 1 calc(50% - 1em);max-width:calc(50% - 1em)}}@media (max-width: 480px){.plant-cards>*{flex:1 1 100%;max-width:100%}}