:root{--green:#27bd27}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Playfair Display,serif}h2{margin-bottom:1rem}button{border:none;cursor:pointer;font-family:inherit;padding:.25rem 1rem}button.primary{background-color:#27bd27;background-color:var(--green);color:#fff}.app{margin:0 auto;max-width:1200px}header h1{font-size:2.5em;font-weight:900;padding:.5rem 0;text-align:center}.logo{color:transparent;font-size:1.25em;padding-left:.5rem;text-shadow:0 0 0 #27bd27;text-shadow:0 0 0 var(--green)}main{padding:0 1rem}.new-plant-form{background-color:rgba(181,250,181,.5);margin:2rem 0;padding:2rem 1rem}.new-plant-form form{display:flex;justify-content:center}.new-plant-form input{flex:1 1;margin-right:2rem}.new-plant-form button{width:150px}.searchbar{display:flex;flex-direction:column;padding:1rem}label{display:block;font-weight:700}input{border:none;border-bottom:2px solid gray;font-family:inherit;font-size:1.2em;padding:.25rem;transition:all .2s;width:100%}input:focus{border-bottom:2px solid #27bd27;border-bottom:2px solid var(--green);outline:none}.cards{list-style:none}.card{margin:1rem}.card img{width:100%}.card button{margin-top:.5rem}@media (min-width:768px){.cards{display:flex;flex-wrap:wrap}.card{width:calc(33% - 2rem)}}@media (min-width:1024px){.card{width:calc(25% - 2rem)}}@media (min-width:1200px){.card{width:calc(20% - 2rem)}}
/*# sourceMappingURL=main.b213a747.css.map*/