:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;border-inline:none;flex-direction:column;width:1200px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{color:#bbbde2;background-color:#6f579a;font-stretch:150%}body h1,body h2{color:#bbbde2;font-stretch:150%}body input[type=checkbox]{accent-color:#543d6b;cursor:pointer;width:15px}body button{color:#6f579a;background-color:#bbbde2;border:none;border-radius:8px;min-width:64px;height:32px;font-size:medium;font-weight:600;box-shadow:3px 1px 5px 1px #543d6b}.navbar{border-bottom:2px solid #bbbde2;justify-content:space-between;height:4vh;padding:5px 0;display:flex}.navbar h1{align-self:center;margin:0 5%;font-size:clamp(1.7rem,3vw,2rem)}.navbar .navlink{color:#bbbde2;align-content:center;padding:0 1em;font-size:clamp(.7rem,1vw,1.2rem);font-weight:700;font-stretch:150%;line-height:0;text-decoration:none}.navbar .navlink .accountIcon{width:5vh}.navbar .navlink .accountIcon #Vector{stroke:#bbbde2}.navbar .navlink.active{color:#6f579a;background-color:#bbbde2;border-radius:5px}.navbar .navlink.active .accountIcon #Vector{stroke:#6f579a}.navbar .centerNav{justify-content:space-around;width:50vw;max-width:600px;display:flex}.navbar .navlink:last-child{margin:0 5%}.account{height:100%}.account .accountSec{border:1px solid;border-radius:10px;grid-template-columns:50% 50%;align-content:center;max-width:1200px;height:540px;margin:10% 5% 5%;font-size:small;display:grid}.account .accountSec h2{font-size:medium}.account .accountSec button{margin-top:5%}.account .accountSec .textInput{color:#fff;background-color:#bbbde233}.account .accountSec .checkInput{justify-content:space-between;margin-top:1em;display:flex}.account .accountSec .createAccount{border-right:2px solid;flex-direction:column;justify-content:center;padding:0 10%;display:flex}.account .accountSec .login{flex-direction:column;justify-content:center;padding:0 10%;display:flex}.accountLogged{height:100%}.accountLogged .yourInfo{border:1px solid;border-radius:10px;align-content:center;max-width:1200px;height:540px;margin:5%}.accountLogged .yourInfo h2{justify-self:left;margin-left:10%;font-size:small;font-weight:700}.accountLogged .yourInfo div{border-top:1px solid;flex-direction:row;justify-content:space-between;margin:0 10%;padding:1em 0;font-size:small;font-stretch:150%;display:flex}.accountLogged .yourInfo section:first-child{margin-bottom:2em}.accountLogged .logout{flex-direction:column;margin:0 5%;display:flex}.accountLogged .logout h2{background-color:#6f579a;padding:0 5%;font-stretch:125%;position:relative;top:-15px}.accountLogged .logout button{margin:2% 25%}.notDigitalPlant{height:100%}.notDigitalPlant .home{border:1px solid;border-radius:10px;align-content:center;max-width:1200px;height:540px;margin:10% 5%}.notDigitalPlant .home h3{padding:0 15%;font-size:medium;font-stretch:150%}.notDigitalPlant .home button{margin:2em}.digitalPlant{height:100%}.digitalPlant .timerDisplay{justify-content:left;margin-top:1em}.digitalPlant .screen{border:1px solid;border-radius:10px;grid-template-columns:30% 40% 30%;max-width:1200px;height:540px;margin:2% 5% 5%;display:grid}.digitalPlant .screen .dataBox{text-align:left;background-color:#bbbde233;border-radius:10px;height:390px;margin:5% 0 5% 5%;padding:0 1em;font-size:x-small;font-stretch:125%;position:relative}.digitalPlant .screen .dataBox .contentbar{cursor:pointer;width:390px;display:flex;position:absolute;top:181px;left:-183px;transform:rotate(270deg)}.digitalPlant .screen .dataBox .contentbar p{margin:0 auto;font-size:xx-small;font-weight:600;font-stretch:150%}.digitalPlant .screen .dataBox .contentbar .selected{border-bottom:1px solid}.digitalPlant .screen .dataBox .screenInfo{margin-top:4em;margin-left:4em}.digitalPlant .screen .dataBox .screenInfo h2{font-size:medium}.digitalPlant .screen .dataBox .screenInfo p{margin-top:1em;line-height:1}.digitalPlant .screen .dataBox .screenInfo ul{padding-left:5%;list-style:none}.digitalPlant .screen .dataBox .screenInfo ul li{margin-bottom:1em;line-height:1}.digitalPlant .screen .svg .plantBox{width:80%;height:100%}.digitalPlant .screen .svg .plantBox #Vector{stroke:#bbbde2;stroke-width:2px}.digitalPlant .screen .progress{margin:10% 2em 10% 0;position:relative}.digitalPlant .screen .progress .dataUp{background-color:#bbbde233;border-radius:10px;align-content:center;min-width:130px;height:53px;margin:0% 0 10% 30%;font-size:small;font-stretch:125%}.digitalPlant .screen .progress .dataUp p:first-child{border-bottom:1px solid #bbbde2;margin:0 10%}.digitalPlant .screen .progress .progressBar{border-radius:0;width:270px;position:absolute;top:220px;left:30%;transform:rotate(270deg)}.digitalPlant .screen .progress .progressBar::-webkit-progress-bar{background-color:#bbbde266;border-radius:0;height:4px}.digitalPlant .screen .progress .progressBar::-webkit-progress-value{background-color:#bbbde280;border-radius:0;box-shadow:0 0 10px 1px #bbbde2}.digitalPlant .screen .data1{background-color:#bbbde233;border-radius:10px;align-content:center;min-width:180px;height:53px;margin:10% 0% 10% 3em;font-size:small;font-stretch:125%}.digitalPlant .screen .data1 p:first-child{border-bottom:1px solid #bbbde2;margin:0 10%}.digitalPlant .screen .data2{background-color:#bbbde233;border-radius:10px;align-content:center;min-width:180px;height:53px;margin:10% 3em 10% 0%;font-size:small;font-stretch:125%}.digitalPlant .screen .data2 p:first-child{border-bottom:1px solid #bbbde2;margin:0 10%}.digitalPlant .actionPart{border-top:1px solid #bbbde2;margin:0 5% 5%}.digitalPlant .actionPart h2{background-color:#6f579a;padding:0 5%;font-stretch:125%;display:inline-block;position:relative;top:-15px}.digitalPlant .actionPart .action{justify-content:space-around;align-items:center;margin:2% 5%;font-size:medium;display:flex}.digitalPlant .actionPart .action .switch{position:relative}.digitalPlant .actionPart .action .switch input[type=checkbox]{appearance:none}.digitalPlant .actionPart .action .switch input[type=checkbox]:before{content:"";cursor:pointer;background:#6f579a;border:1px solid #bbbde2;border-radius:10px;width:64px;height:32px;position:absolute;top:-3px;left:-30px;box-shadow:1px 1px 2px 1px #543d6b}.digitalPlant .actionPart .action .switch input[type=checkbox]:after{content:"";background:#6f579a;border:1px solid #bbbde2;border-radius:8px;width:24px;height:24px;transition:all .2s linear;position:absolute;transform:translate(-30px,-15px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:after{background:#bbbde2;transform:translateY(-15px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:before{transition:all .2s linear;box-shadow:0 0 10px 1px #bbbde2}.about{max-width:1200px;margin:5% 10%;font-size:small}.about p{text-align:justify;margin-bottom:2em}.about h2{justify-self:center;margin-bottom:2em;font-size:medium;font-weight:700}.about h3{margin:0;font-size:small}.about img{max-width:100%;max-height:400px;margin:0 auto 5em}.about .available{height:200px;margin:0 auto 5em}.about .available #Vector{stroke:#bbbde2}.contact{align-content:center;height:81vh}.contact .contactGrid{grid-template-columns:20% 60% 15%;gap:5em 2em;max-width:1200px;margin:10%;font-size:small;display:grid}.contact .contactGrid h3{text-align:justify;justify-self:left;margin-top:0}.contact .contactGrid a{color:#bbbde2;justify-self:right}.contact .contactGrid a:visited{color:#bbbde2}.contact .contactGrid p{text-align:justify;justify-self:left;padding-top:4px;line-height:1.5}.contact .contactGrid div{text-align:end;flex-direction:column;justify-self:end;display:flex}.footer{border-top:2px solid #bbbde2;place-content:center space-between;align-items:center;height:17vh;font-size:x-small;display:flex}.footer .logo{margin-left:5%}.footer .logo #Vector{stroke:#bbbde2}.footer div{text-align:left;margin-right:5%}.footer div h4{margin-bottom:0}.footer div p{cursor:pointer}@media (width>=769px) and (width<=1024px){.digitalPlant .actionPart{margin-top:8%;margin-bottom:8%}.digitalPlant .actionPart .action .switch input[type=checkbox]:after{transform:translate(-30px,-13px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:after{transform:translateY(-13px)}.digitalPlant .screen{margin-top:5%}.digitalPlant .screen .dataBox{width:90%}.digitalPlant .screen .dataBox .screenInfo{margin-top:2em;margin-left:3em}.digitalPlant .screen .svg .plantBox{width:90%;height:100%}.digitalPlant .screen .progress .progressBar{left:20%}.digitalPlant .screen .data1,.digitalPlant .screen .data2{width:85%}}@media (width>=481px) and (width<=768px){.navbar h1{align-self:center;margin:0 0 0 3%;font-size:clamp(1.4rem,4.5vw,2rem)}.navbar .navlink{padding:0 .5em;font-size:clamp(.6rem,1.8vw,1.4rem)}.navbar .navlink:last-child{margin:0 3% 0 0%}.navbar .centerNav{width:50vw}.notDigitalPlant{align-content:center;height:81vh}.notDigitalPlant .home{border:1px solid;border-radius:10px;align-content:center;max-width:768px;height:60vh;margin:10% 5%}.digitalPlant{grid-template-columns:70% 30%;height:100%;min-height:81vh;margin-bottom:10vh;display:grid}.digitalPlant .timerDisplay{grid-column:1/-1;justify-content:left;margin-top:1em}.digitalPlant .screen{grid-template-columns:repeat(3,1fr);height:100%;margin:5%;display:grid}.digitalPlant .screen .dataBox{grid-area:3/1/auto/4;place-self:center;width:90%;height:100%;min-height:28vh;margin:5% 0}.digitalPlant .screen .dataBox .contentbar{cursor:pointer;width:100%;display:flex;position:relative;top:0;left:0;transform:none}.digitalPlant .screen .dataBox .contentbar p{margin:0 auto;font-size:x-small;font-weight:600;font-stretch:125%}.digitalPlant .screen .dataBox .contentbar .selected{border-bottom:1px solid}.digitalPlant .screen .dataBox .screenInfo{align-content:center;margin-top:.5em;margin-left:2em}.digitalPlant .screen .dataBox .screenInfo h2{font-size:medium;display:none}.digitalPlant .screen .dataBox .screenInfo p{margin-top:1em;line-height:1}.digitalPlant .screen .dataBox .screenInfo ul{padding-left:5%;list-style:none}.digitalPlant .screen .dataBox .screenInfo ul li{margin-bottom:1em;line-height:1}.digitalPlant .screen .svg{grid-area:2/1/auto/4;width:90%;margin:0 auto 5%}.digitalPlant .screen .svg .plantBox{width:70%;height:100%}.digitalPlant .screen .progress{grid-area:1/2;min-width:90%;height:90%;margin:5%}.digitalPlant .screen .progress .dataUp{min-width:90%;height:100%;margin:0;font-size:x-small;font-stretch:125%}.digitalPlant .screen .progress .dataUp p:first-child{margin:0 5%}.digitalPlant .screen .progress .progressBar{display:none}.digitalPlant .screen .data1{grid-area:1/1;min-width:90%;height:90%;margin:5%;font-size:x-small;font-stretch:125%}.digitalPlant .screen .data1 p:first-child{margin:0 5%}.digitalPlant .screen .data2{grid-area:1/3;min-width:90%;height:90%;margin:5%;font-size:x-small;font-stretch:125%}.digitalPlant .screen .data2 p:first-child{margin:0 5%}.digitalPlant .actionPart{align-self:center}.digitalPlant .actionPart h2{margin-bottom:30%;font-size:medium;top:-12px}.digitalPlant .actionPart .action{flex-direction:column;font-size:smaller;display:flex}.digitalPlant .actionPart .action .switch{margin:30% 5%}.digitalPlant .actionPart .action .switch input[type=checkbox]:after{transform:translate(-30px,-13px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:after{transform:translateY(-13px)}.contact{height:100%;min-height:81vh}.contact .contactGrid{grid-template-columns:20% 55% 20%;gap:8em 2em;margin:10% 5%;font-size:x-small}.contact .contactGrid h3{margin-top:0;font-size:small}.contact .contactGrid a{margin-right:1em;font-size:x-small}.contact .contactGrid p{text-align:justify;justify-self:left;padding-top:4px;line-height:2}.contact .contactGrid div{text-align:end;flex-direction:column;justify-self:end;display:flex}.account{height:100%}.account .accountSec{border:1px solid;border-radius:10px;grid-template-columns:1fr;align-content:center;max-width:1200px;height:100%;margin:10% 5% 5%;padding:5vh 0;font-size:x-small;display:grid}.account .accountSec h2{font-size:small}.account .accountSec button{margin-top:5%}.account .accountSec .textInput{color:#fff;background-color:#bbbde233}.account .accountSec .checkInput{justify-content:space-between;margin-top:1em;display:flex}.account .accountSec .createAccount{border-bottom:2px solid;border-right:none;flex-direction:column;justify-content:center;margin:0 10%;padding-bottom:10%;display:flex}.account .accountSec .login{flex-direction:column;justify-content:center;margin:5% 10% 0;padding:0 10%;display:flex}.accountLogged{height:100%}.accountLogged .yourInfo{margin-top:5%}.accountLogged .yourInfo div{font-size:x-small}.accountLogged .yourInfo section:first-child{margin-bottom:2em}.accountLogged .logout h2{margin-top:3vh}.accountLogged .logout button{margin-bottom:5vh}.footer .logo+p{padding:0 5%}.footer h4{margin-top:0}}@media (width<=480px){.navbar{justify-content:space-between}.navbar h1{align-self:center;margin:0 2%;font-size:clamp(.8rem,4vw,2rem)}.navbar .navlink{margin:0 1%;padding:0 .5em;font-size:clamp(.5rem,2.2vw,2rem)}.navbar .navlink:last-child{margin:0 2% 0 0}.navbar .centerNav{justify-content:left;width:50vw;margin-right:5%;display:flex}.navbar .centerNav .navlink{padding:1%}.notDigitalPlant{align-content:center;height:81vh}.notDigitalPlant .home{border:1px solid;border-radius:10px;align-content:center;max-width:1200px;height:60vh;margin:10% 5%}.digitalPlant{grid-template-columns:1fr;display:grid}.digitalPlant .screen{grid-template-columns:repeat(3,1fr);height:100%;margin:5%;display:grid}.digitalPlant .screen .dataBox{grid-area:3/1/auto/4;place-self:center;width:90%;height:100%;min-height:27vh;margin:5% 0 2%}.digitalPlant .screen .dataBox .contentbar{cursor:pointer;width:100%;display:flex;position:relative;top:0;left:0;transform:none}.digitalPlant .screen .dataBox .contentbar p{margin:0 auto;font-size:xx-small;font-weight:600;font-stretch:125%}.digitalPlant .screen .dataBox .contentbar .selected{border-bottom:1px solid}.digitalPlant .screen .dataBox .screenInfo{align-content:center;margin-top:.5em;margin-left:1em}.digitalPlant .screen .dataBox .screenInfo h2{font-size:medium;display:none}.digitalPlant .screen .dataBox .screenInfo p{margin-top:1em;line-height:1}.digitalPlant .screen .dataBox .screenInfo ul{padding-left:5%;list-style:none}.digitalPlant .screen .dataBox .screenInfo ul li{margin-bottom:1em;line-height:1}.digitalPlant .screen .svg{grid-area:2/1/auto/4;width:90%;margin:0 auto 5%}.digitalPlant .screen .svg .plantBox{width:70%;height:100%}.digitalPlant .screen .progress{grid-area:1/2;min-width:90%;height:90%;margin:5%}.digitalPlant .screen .progress .dataUp{min-width:90%;height:100%;margin:0;font-size:x-small;font-stretch:125%}.digitalPlant .screen .progress .dataUp p:first-child{margin:0 5%}.digitalPlant .screen .progress .progressBar{display:none}.digitalPlant .screen .data1{grid-area:1/1;min-width:90%;height:90%;margin:5%;font-size:x-small;font-stretch:125%}.digitalPlant .screen .data1 p:first-child{margin:0 5%}.digitalPlant .screen .data2{grid-area:1/3;min-width:90%;height:90%;margin:5%;font-size:x-small;font-stretch:125%}.digitalPlant .screen .data2 p:first-child{margin:0 5%}.digitalPlant .actionPart{margin-top:10vh}.digitalPlant .actionPart h2{margin-bottom:15%;font-size:medium;top:-12px}.digitalPlant .actionPart .action{flex-direction:row;font-size:smaller;display:flex}.digitalPlant .actionPart .action label:first-child{margin-right:2%;padding-left:5vw}.digitalPlant .actionPart .action .switch{position:relative}.digitalPlant .actionPart .action .switch input[type=checkbox]{appearance:none}.digitalPlant .actionPart .action .switch input[type=checkbox]:before{content:"";cursor:pointer;background:#6f579a;border:1px solid #bbbde2;border-radius:6px;width:48px;height:25px;position:absolute;top:-40px;left:-65px;box-shadow:1px 1px 2px 1px #543d6b}.digitalPlant .actionPart .action .switch input[type=checkbox]:after{content:"";background:#6f579a;border:1px solid #bbbde2;border-radius:4px;width:20px;height:20px;transition:all .2s linear;position:absolute;transform:translate(-66px,-51px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:after{background:#bbbde2;transform:translate(-45px,-51px)}.digitalPlant .actionPart .action .switch input[type=checkbox]:checked:before{transition:all .2s linear;box-shadow:0 0 10px 1px #bbbde2}.about{font-size:x-small}.about p{text-align:justify;margin-bottom:2em}.about h2{justify-self:center;margin-top:5%;margin-bottom:2em;font-size:small;font-weight:700}.about h3{margin:0;font-size:x-small}.about .available{width:60%;height:200px;margin:0 0 5em}.about .available #Vector{stroke:#bbbde2}.contact{height:100%}.contact .contactGrid{grid-template-columns:1fr;gap:2em 1em;margin:10%;font-size:x-small}.contact .contactGrid h3{margin-top:0;font-size:x-small}.contact .contactGrid a{margin-right:0;font-size:x-small}.contact .contactGrid p{text-align:justify;justify-self:left;padding-top:4px;line-height:2}.contact .contactGrid div{text-align:end;flex-direction:column;justify-self:end;display:flex}.account{heigth:100%;min-height:81vh}.account .accountSec{border:1px solid;border-radius:10px;grid-template-columns:1fr;align-content:center;max-width:1200px;height:100%;margin:15% 5% 5%;padding:5vh 0;font-size:x-small;display:grid}.account .accountSec h2{font-size:small}.account .accountSec button{margin-top:5%}.account .accountSec .textInput{color:#fff;background-color:#bbbde233}.account .accountSec .checkInput{justify-content:space-between;margin-top:1em;display:flex}.account .accountSec .createAccount{border-bottom:2px solid;border-right:none;flex-direction:column;justify-content:center;margin:0 10%;padding-bottom:10%;display:flex}.account .accountSec .login{flex-direction:column;justify-content:center;margin:5% 10% 0;padding:0 10%;display:flex}.accountLogged{height:100%;min-height:81vh;margin-bottom:5vh}.accountLogged .yourInfo{margin-top:15%}.accountLogged .yourInfo div{font-size:x-small}.accountLogged .yourInfo section:first-child{margin-bottom:2em}.accountLogged .logout h2{margin-top:5%}.footer .logo+p{padding:0 5%}.footer div h4{margin-top:0}}