@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);body{margin:auto;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;min-width:256px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.title{font-family:"Ubuntu";width:49vw;min-width:511px;margin:auto;-webkit-justify-content:center;justify-content:center;font-size:3.5rem;text-decoration:none;color:#fff;font-weight:700;letter-spacing:5px;text-shadow:-1px -1px 0 #469438,3px 3px 0 #469438,6px 6px 0 #57b846}.header,.title{display:-webkit-flex;display:flex}.header{height:auto;-webkit-flex-direction:row;flex-direction:row;margin:0 0 8px;background-color:#469438}.nav-links{width:49vw;min-width:511px;display:-webkit-flex;display:flex;margin:16px auto;-webkit-justify-content:center;justify-content:center}.nav-link{width:auto;height:auto;text-align:center;letter-spacing:.1em;text-decoration:none;border:.3em solid #fff;border-radius:5px;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;background:#469438;margin:4px;padding:16px;position:relative}.nav-link:hover{cursor:pointer;background:#fff;color:#469438}@media (max-width:1024px){.header{-webkit-flex-direction:column;flex-direction:column}}@media (max-width:512px){.header{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:auto}.title{width:59vw;min-width:192px;line-height:75%}.nav-links,.title{-webkit-flex-direction:column;flex-direction:column}.nav-links{width:39vw;min-width:128px;padding:0 8px 0 0}.nav-link{font-size:14px;padding:7px}}@media (max-width:352px){.title{width:51vw;min-width:128px;font-size:2.1rem;padding:0 0 0 8px;letter-spacing:3px;text-shadow:-1px -1px 0 #469438,2px 2px 0 #469438,4px 4px 0 #57b846}.nav-links{width:45vw;min-width:120px}.nav-link{font-size:12px;padding:3px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body,html{font-size:62.5%;background-color:#343b3f}.banner{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;text-align:center;width:60%;min-width:512px;margin:20px auto;background:#fff;overflow:hidden;border-radius:4px}.banner,.bannertext{height:auto;padding:2rem}.bannertext{width:70%;min-width:224px;margin:0 0 2rem;border:3px solid #57b846;border-radius:4px;font-size:2.5rem}.logotop{width:50%;height:auto}.btext{width:50%;font-size:2rem;width:70%;color:#57b846}.water{position:relative;padding:20px 50px;display:block;text-decoration:none;text-transform:uppercase;width:200px;overflow:hidden}.water-button{position:relative;z-index:1;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px}.waterlink{text-decoration:none}.liquid{position:absolute;left:0;top:0;width:200px;height:200px;background:#4973ff;box-shadow:inset 0 0 50px rgba(0,0,0,.5);transition:.5s}a:hover .liquid{top:-120px}a .liquid:after,a .liquid:before{content:"";position:absolute;width:200%;height:200%;top:-80px;left:50%;-webkit-transform:translate(-50%,-75%);transform:translate(-50%,-75%)}a .liquid:before{border-radius:45%;background:hsla(0,0%,100%,.9);-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite}a .liquid :after{border-radius:40%;background:rgba(20,20,20,.5);-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite}@-webkit-keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}@keyframes animate{0%{-webkit-transform:translate(-50%,-75%) rotate(0deg);transform:translate(-50%,-75%) rotate(0deg)}to{-webkit-transform:translate(-50%,-75%) rotate(1turn);transform:translate(-50%,-75%) rotate(1turn)}}.middle{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}h1{font-size:4rem}.works1,.works2,.works3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:60%;min-width:512px;height:auto;background-color:#57b846;margin-bottom:2rem}.step1,.step2{height:100%}.step1,.step2,.step3{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;width:50%;color:#fff;background-color:#469438}.step3 img{width:200px;margin-top:0}.para1,.para2,.para3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:50%;height:100%;color:#fff}p{text-align:center;width:90%;height:90%;letter-spacing:.0375em;line-height:2;font-size:1.5rem;font-weight:700}img{width:150px;height:auto}@media (max-width:512px){body,html{width:100vw;height:auto}.banner{width:80%;min-width:228px}.bannertext{width:80%;min-width:200px;padding:1rem;border-radius:0;font-size:1.5rem;margin:1rem}.btext{width:50%;font-size:1.5rem;width:70%;color:#57b846}.main{min-width:256px;width:100%}h1{font-size:3.2rem}p{font-size:2rem;line-height:1.5}.works1{-webkit-flex-direction:column;flex-direction:column;min-width:256px}.works2{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;min-width:256px}.works3{-webkit-flex-direction:column;flex-direction:column;min-width:256px}.step1,.step2,.step3{width:100%}.para1,.para2,.para3{width:100%;margin-top:1.5rem}}a{font-family:"Ubuntu";font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s}a:focus{outline:none!important}a:hover{text-decoration:none;color:#1b3815}.txt1{font-family:"Ubuntu";font-size:15px;color:#999;line-height:1.4;margin-right:2px}.txt2,.txt3{font-family:"Ubuntu";font-size:15px;color:#57b846;line-height:1.4}.txt3{font-weight:700;text-transform:uppercase}.login{width:100%;margin:0 auto}.login-container{width:100%;min-width:256px;min-height:60vh;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:8px;position:relative;background-color:#343b3f}.wrap-login{width:100%;max-width:512px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px 20px 0 rgba(0,0,0,.1)}.login-form{width:100%;position:relative;padding-right:55px;padding-left:55px;padding-top:178px}.login-form-title{font-family:"Josefin Sans";font-weight:700;font-size:30px;color:#fff;line-height:1.2;text-align:center;display:block;position:absolute;width:100%;top:0;left:0;background-color:#57b846;padding-top:50px;padding-bottom:39px}.username-input{margin-bottom:16px}.spaninput{background-color:#6d6b6b}.text-right{padding-bottom:23px;padding-top:13px;text-align:right!important}.login-form-btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 20px;width:100%;height:50px;background-color:#57b846;border-radius:25px;font-family:"Ubuntu";font-weight:700;font-size:15px;color:#fff;line-height:1.2;text-transform:uppercase;transition:all .4s}.login-form-btn:hover{background-color:#1b3815}.bottom{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding-top:80px;padding-bottom:40px}.welcome{color:#fff}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:"Ubuntu";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}input{color:#1b3815}input,textarea{outline:none;border:none}input:focus,textarea:focus{border-color:transparent!important}h1,h2,h3,h4,h5,h6,li,ul{margin:0}li,ul{list-style-type:none}button{outline:none!important;border:none;background:transparent}button:hover{cursor:pointer}.signup{width:100%;margin:0 auto}.signup-container{width:100%;min-width:256px;min-height:45vh;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:8px;position:relative;background-color:#343b3f}.wrap-signup{width:100%;max-width:512px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 3px 20px 0 rgba(0,0,0,.1)}.signup-form{width:100%;position:relative;padding-right:55px;padding-left:55px;padding-top:150px}.signup-header{font-family:"Josefin Sans";font-weight:700;font-size:30px;color:#fff;line-height:1.2;text-align:center;display:block;position:absolute;width:100%;top:0;left:0;background-color:#57b846;padding-top:50px;padding-bottom:39px}.password-input,.phonenumber-input,.username-input{width:100%;min-width:224px;background-color:#fff;border-radius:27px;position:relative;z-index:1;margin-bottom:55px}.input{font-family:"Ubuntu";font-weight:700;font-size:15px;color:#1b3815;line-height:1.2;position:relative;height:55px;background:#ebebeb;border-radius:27px;padding:0 27px}.input,.spaninput{display:block;width:100%}.spaninput{position:absolute;z-index:-1;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:31px;background-color:transparent;pointer-events:none;transition:all .4s}.input100:focus+.focus-input100{width:calc(100% + 20px)}.btn-container{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px}.btn-container,.signup-form-btn{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.signup-form-btn{-webkit-align-items:center;align-items:center;padding:0 20px;height:50px;background-color:#57b846;border-radius:25px;font-family:"Ubuntu";font-weight:700;font-size:15px;color:#fff;line-height:1.2;text-transform:uppercase;transition:all .4s}.signup-form-btn:hover{background-color:#1b3815}.error{color:#dc143c;font-size:15px;white-space:nowrap;margin:5% auto -10%;text-align:left}.dashboard{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.dashboard h1{color:#fff}.main-container{width:100%;-webkit-justify-content:center;justify-content:center}.main-container,.plant-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.plant-card{-webkit-flex-direction:column;flex-direction:column;border:10px solid #57b846;border-radius:5px;width:20vw;min-width:240px;height:auto;margin:40px;background:#fff}.plant-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly}.form-button{color:#fff;font-weight:700;background:#57b846;border-radius:4px;padding:10px;margin:1vw;width:10vw;min-width:96px}.plant-form{width:30vw;min-width:240px;height:auto;background-color:#fff;border-radius:5px;border:10px solid #57b846;margin-bottom:2vw;padding-right:10px;padding-left:10px}.plant-form input{margin:1vw;border:1px solid #57b846}.plant-form button{background:#57b846;color:#fff}form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;font-size:3rem}form input{color:#57b846;width:100%}.add,form input{font-family:"Ubuntu";font-weight:700;font-size:15px;line-height:1.2;position:relative;display:block;height:55px;background:#ebebeb;border-radius:27px;padding:0 27px}.add{color:#1b3815;margin:1vw;width:30%;min-width:96px}.add:hover{background-color:#fff;color:#57b846;border:5px solid #57b846}.card-header img{width:50%;height:auto}.plant-button{color:#fff;font-weight:700;background:#57b846;border-radius:5px;padding:10px;margin:1vw;width:10vw;min-width:96px}.plant-card p{font-size:1.25rem}.plant-card h2,.plant-card p{color:#469438;text-transform:capitalize}.update-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border:10px solid #57b846;border-radius:5px;width:20vw;min-width:240px;height:auto;margin:40px;background:#fff}.update-form input{margin:.5vw;border:1px solid #57b846;color:#1b3815}.update-form button{color:#fff;font-weight:700;background:#57b846;border-radius:4px;padding:10px;margin:1vw;width:10vw;min-width:96px}@media (max-width:960px){.plant-card,.update-form{margin:2vw}}
/*# sourceMappingURL=main.6898666b.chunk.css.map */