@import url(https://fonts.googleapis.com/css2?family=Recursive:wght@300&display=swap);*{box-sizing:border-box;margin:0;padding:0;max-width:100%}html{font-size:62.5%}button:focus{outline:none}body{font-family:"Kalam",cursive;text-align:center}body .App{min-height:100vh;background:#1a3c40}body h1{font-size:3.5rem;color:#307672}body h1,body h2{font-family:"Montserrat"}body h2{font-size:2.5rem;color:#e4eddb}body h3,body h4{font-size:2.2rem;color:#e4eddb}body a,body button,body label,body p{font-size:1.5rem;font-family:"Montserrat";color:#e4eddb}body header{display:flex;width:100%;height:15vh;background:#1a3c40;justify-content:space-between;align-items:center;font-family:"Kalam";color:#e4eddb}@media (max-width:600px){body header{display:flex;flex-direction:column;height:15rem}}body header h1{margin:4.5rem;font-size:5rem;font-family:"Kalam";width:50%;color:#e4eddb}@media (max-width:1200px){body header h1{font-size:3rem;margin:0}}@media (max-width:600px){body header h1{width:100%}}body header nav{display:flex;justify-content:flex-end;width:50%;margin-right:3rem}@media (max-width:600px){body header nav{margin:0;justify-content:center;width:80%}}body header nav .link{color:#e4eddb;margin:3%;text-decoration:none;font-size:3rem;font-family:"Kalam"}@media (max-width:1200px){body header nav .link{font-size:2rem;width:50%}}input{padding:1rem;margin:.2rem;border-radius:3rem;border-bottom:1px solid #000;width:25rem;font-family:"Kalam",cursive}input:focus{outline:none}.hidden{display:none}.hidden-message-on{visibility:hidden;transition:visibility 1s}.hidden-message-off{visibility:visible;transition:visibility 1s}.formContainer{background-image:url(https://images.unsplash.com/photo-1462530348824-65844534c0ed?auto=format&fit=crop&ixlib=rb-1.2.1&q=80&w=1352);background-repeat:no-repeat;background-size:cover;width:100%;min-height:80rem;background-position:50%;padding-top:5%;overflow:hidden}@media (max-width:1200px){.formContainer{height:100%;padding-bottom:10rem}}.formContainer .signUpForm{background-image:url(https://images.unsplash.com/photo-1579546928937-641f7ac9bced?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=584);padding:4rem;max-width:45rem;min-width:30rem;display:flex;flex-direction:column;font-size:1.8rem;align-items:center;margin:0 auto;border-radius:3rem;color:#000;opacity:.94}.formContainer .signUpForm .formPicIcon{width:10rem;margin:1rem auto}.formContainer .signUpForm input{margin:1rem;width:30rem}.formContainer .signUpForm button{width:22rem}.formContainer .signUpForm h1{padding:1rem}.formContainer .signUpForm .error{color:#000}.plants-page{background-color:#e4eddb;border-top:.5rem solid #144d53;padding-bottom:30rem}.plants-page h1{padding:4rem}.plants-page .plant-card-container{flex-direction:row;flex-wrap:wrap;width:90%;margin:0 auto}.card,.plants-page .plant-card-container{display:flex;justify-content:center;align-items:center}.card{background-color:#307672;width:30rem;margin:2rem;border-radius:3rem;color:#000;opacity:.94;flex-direction:column;flex-wrap:no-wrap;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22),inset 0 4px 1px 1px #49817e,inset 0 -3px 1px 1px #3d6866}.card h2{padding:3rem}.card p{padding:.5rem}.card .plant-image{width:25rem;height:25rem;margin-top:2.5rem;background-size:25rem;background-position:50%;border-radius:2rem}.card .plant-image .plant-title{background:rgba(26,60,64,.5);width:80%;margin:5rem auto 0;border-radius:1rem;color:#e4eddb;padding:1rem}.card .plant-image .plant-title h2,.card .plant-image .plant-title h3,.card .plant-image .plant-title p{padding:.5rem}.card .card-buttons{flex-direction:row;margin-bottom:2.5rem}.card .card-buttons,.card form{display:flex;justify-content:center;align-items:center;flex-wrap:no-wrap}.card form{flex-direction:column}.card form label{padding:5px}.card form .number-input{font-weight:700;width:5rem;border-radius:10px}.account-container{background-color:#e4eddb;padding:5%}.account-container .account{margin:0 auto}.edit{margin:0}.round-button{border:none;background-color:#fff;background-image:linear-gradient(top,#f4f1ee,#fff);border-radius:50%;box-shadow:0 8px 10px 0 rgba(0,0,0,.3),inset 0 4px 1px 1px #fff,inset 0 -3px 1px 1px rgba(204,198,197,.5);float:left;height:5rem;margin:2rem 1rem;position:relative;width:5rem;transition:all .1s linear}.round-button:after{color:#e9e6e4;display:block;font-size:30px;height:30px;text-decoration:none;text-shadow:0 -1px 1px #bdb5b4,1px 1px 1px #fff;position:absolute;width:30px;left:23px;top:14px}.round-button:active{background-image:linear-gradient(top,#efedec,#f7f4f4);box-shadow:0 3px 5px 0 rgba(0,0,0,.4),inset 0 -3px 1px 1px rgba(204,198,197,.5)}.round-button:active:after{color:#dbd2d2;text-shadow:0 -1px 1px #add8e6,0 1px 1px #fff}.droplet-button{height:70px;width:70px}.droplet-button:after{content:"🌢";left:20px;top:14px}.droplet-button:hover:after{color:#add8e6;text-shadow:0 0 6px #add8e6;top:14px}.add-button{height:7rem;width:7rem;margin:15rem 17rem 21rem 10rem}.add-button:after{content:"+";font-family:"Montserrat";font-size:4rem;left:21px;top:10px}.add-button:hover:after{color:#d3d3d3;text-shadow:0 0 6px grey}.delete-button:after{content:"✖";left:10px;top:4px}.delete-button:hover:after{color:#eb2f2f;text-shadow:0 0 6px #eb2f2f}.edit-button:after{content:"✐";left:10px;top:3px}.edit-button:hover:after{color:brown;text-shadow:0 0 6px brown}.button{font-family:"Montserrat";font-weight:700;color:#1a3c40;border:none;background-color:#fff;border-radius:1rem;width:9rem;padding:1.5rem 0;box-shadow:0 8px 10px 0 rgba(0,0,0,.3),inset 0 4px 1px 1px #fff,inset 0 -3px 1px 1px rgba(204,198,197,.5);float:left;margin:2.5rem 2.5rem 4rem;transition:all .1s linear;cursor:pointer}
/*# sourceMappingURL=main.2d7d44a6.chunk.css.map */