.container-login-form{height:100vh;width:100%;max-height:100vh;max-width:100%;overflow:hidden;background-color:var(--purple);display:flex;align-items:center;justify-content:center;flex-direction:column}.login-form{display:flex;flex-direction:column}@media screen and (max-width:480px){.container-login-form h1{font-size:xxx-large;font-weight:500;text-decoration:underline;margin-bottom:14px;color:var(--secondary-ligth-green)}.login-form{width:80%;height:70%;border:4px dashed var(--secondary-ligth-purple);align-items:center}.login-form .section{width:80%;height:33%;display:flex;flex-direction:column;justify-content:center}.login-form .section label{font-size:x-large;margin-bottom:10px;color:var(--yellow)}.login-form .section input,.login-form .section input:-webkit-autofill,.login-form .section input:autofill,.login-form .section input:-internal-autofill-selected{height:16%;background-color:var(--secondary-ligth-purple);outline:none;border:none;color:var(--yellow);padding-left:10px;font-size:large}.login-form .section input::placeholder{color:var(--yellow)}.login-form .section button{background-color:var(--secondary-ligth-green);outline:none;border:3px solid var(--secondary-ligth-purple);height:30%;font-size:xx-large;color:var(--secondary-ligth-purple)}}.container-plants{width:100%;min-height:100vh;display:flex;overflow-x:hidden}@media screen and (max-width:480px){.container-plants{flex-direction:column;padding-bottom:10vh}.container-plants .navigate-plants{width:96%;height:5%;padding-top:14px;display:flex;align-items:flex-end;justify-content:space-around;align-self:center}.container-plants .navigate-plants li{width:16.66%;text-align:center;font-size:large;font-weight:500;border:1px dashed var(--green);border-style:none none dashed none;height:80%;display:flex;align-items:center;justify-content:center;color:var(--green);padding-bottom:5px}.container-plants .navigate-plants li:nth-child(odd){border:1px dashed var(--green);border-style:none dashed dashed dashed}.container-plants .navigate-plants li:last-child{border:1px dashed var(--green);border-style:none dashed dashed none}.container-plants .list-plants{width:100%;min-height:50%;padding-top:6%;display:flex;flex-wrap:wrap;justify-content:space-around}}@media screen and (max-width:480px){.container-plant-card{width:45%;height:26vh;max-height:40vh;border:2px dashed var(--secondary-ligth-purple);background-color:var(--green);margin:6px 0}.container-plant-card .top-plant-card{width:100%;height:20%;border-bottom:2px dashed var(--secondary-ligth-purple);display:flex;align-items:center}.container-plant-card .top-plant-card h3{font-size:larger;padding-left:10px;color:var(--secondary-purple)}.container-plant-card .container-img{border:2px dashed var(--secondary-purple);border-style:none none dashed none;height:50%;min-height:50%;width:100%}.container-plant-card .container-img .img-plant-card{width:100%;height:100%;object-fit:cover}.container-plant-card .body-plant-card{width:100%;display:flex;height:30%;flex-direction:row;justify-content:space-around;align-items:center}.container-plant-card .body-plant-card a{text-decoration:none;outline:none;border:none;width:38%;height:70%;display:flex;align-items:center;justify-content:space-around}.container-plant-card .body-plant-card a:nth-child(1){background-color:var(--secondary-ligth-purple);color:var(--yellow);height:50%}.container-plant-card .body-plant-card a:nth-child(2){background-color:var(--yellow);color:var(--secondary-ligth-purple);height:50%}.container-plant-card .body-plant-card .icon-eye-plant-card,.container-plant-card .body-plant-card .icon-pencil-plant-card{width:26%;height:auto}}@media screen and (max-width:480px){.internal-bottom-nav{width:100vw;height:8vh;background-color:var(--green);position:fixed;bottom:0}.internal-bottom-nav ul{width:100%;height:100%;display:flex}.internal-bottom-nav ul li{width:25%;height:100%;display:flex;align-items:center;justify-content:center}.internal-bottom-nav ul li svg{width:22px;height:auto}.internal-bottom-nav ul li a{text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:medium;width:90%}}.container-sigle-plant{width:100vw;min-height:100vh;display:flex;overflow-x:hidden}@media screen and (max-width:480px){.container-sigle-plant{flex-direction:column}.container-sigle-plant .container-image-plant{width:100%;height:30vh;background-position:center center;background-repeat:no-repeat;background-size:cover}.container-sigle-plant .container-image-plant .img-single-plant{width:100%;height:auto}.container-sigle-plant h1{font-size:xx-large;color:var(--yellow);padding-left:20px;margin:20px 0}.container-sigle-plant .container-pills{width:100%;min-height:10vh;display:flex;justify-content:space-around}.container-sigle-plant .container-actions{width:100%;display:flex}}.btn-pill{border:none;outline:none}@media screen and (max-width:480px){.btn-pill{min-width:48px;height:24px;font-weight:500;border-radius:6px}}@media screen and (max-width:480px){.btn-plant-action{width:25%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn-plant-action svg{width:30px;height:auto}}.container-environment-card{display:flex;width:90%;max-width:90%}@media screen and (max-width:480px){.container-environment-card{height:20vh;align-self:center;border:2px dashed var(--secondary-ligth-green);margin:10px 0}.container-environment-card h3{font-size:larger;color:var(--secondary-ligth-green);margin:6px}}.container-environments{display:flex;width:100vw;max-width:100vw}@media screen and (max-width:480px){.container-environments{min-height:100vh;flex-direction:column}.container-environments h1{font-size:xx-large;text-align:center;margin:16px 0;color:var(--secondary-ligth-green)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--purple: #804674;--brown: #a86464;--green: #b3e5be;--yellow: #f5ffc9;--secondary-purple: #6c22a6;--secondary-ligth-purple: #6962ad;--secondary-green: #83c0c1;--secondary-ligth-green: #96e9c6;--font: "Pixelify Sans", sans-serif}*{font-family:var(--font)!important}body{background-color:var(--purple)}@media screen and (max-width:480px){#root{max-width:98vw;overflow-x:hidden}}