@import url(https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap);.header__signup-login{color:var(--green);display:grid;grid-template-columns:auto 1fr auto;padding:0 2em;place-items:center}.header__green{background-color:var(--green)}.logo-title{background-color:initial;border:none;color:var(--green);font-family:Corben;font-size:var(--font-s);height:70%;text-align:center}.logo-title h1{margin:0}.header__greenlogo-title{background-color:initial;border:none;color:var(--sand-20);font-family:Corben;font-size:var(--font-s);height:70%;text-align:center}.space{width:30vw}.container__login-signup-btn{display:grid;grid-template-columns:3fr 1fr;justify-items:end;width:30vw}.btn__login{background-color:initial;border:none;color:var(--green);font-size:var(--font-s);text-decoration:underline}.btn__login:hover{color:var(--grape-hover)}.btn__signup{background-color:var(--green);border:none;border-radius:var(--radius-s);color:var(--sand-20);font-size:var(--font-s);height:4vh;width:6vw}.btn__signup:hover{background-color:var(--grape-hover)}.btn__user{border:2px solid var(--green);border-radius:50%;display:grid;height:40px;place-items:center;width:40px}.btn__user img{object-fit:contain;width:100%}.main__homepage{grid-gap:6em;background-color:var(--sand-20);display:grid;gap:6em;place-items:center}.main-banner{background-color:var(--sand-60);border-radius:var(--radius-m);color:var(--green);display:grid;grid-template-columns:repeat(2,1fr);margin-top:4em;max-height:65vh;padding:1em;width:90vw}.main-banner img{width:80%}.main-banner h1{font-size:var(--font-xxl);line-height:1.2em;margin-bottom:0}.main-banner h2{font-size:var(--font-l);font-weight:400;line-height:1.2em}.btn__lets-get-started{background-color:var(--grape-100);border:none;border-radius:var(--radius-s);color:var(--sand-20);font-size:var(--font-s);height:4vh;margin-right:16px;width:10vw}.btn__lets-get-started:hover{background-color:var(--grape-hover)}.btn__what-methods{background-color:initial;border:none;color:var(--grape-100);font-size:var(--font-s);text-decoration:underline}.btn__what-methods:hover{color:var(--grape-hover)}.container__raised-bed-btn{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(2,1fr);margin-top:6em;place-items:center;width:90vw}.container__raised-bed-btn img{height:auto;width:90%}.btn__create-raised-bed,.btn__view-raised-bed{background-color:var(--green);border-radius:var(--radius-m);color:var(--sand-60);cursor:pointer;display:grid;grid-template-columns:1fr 2fr;padding:2em;place-items:center}.btn__view-raised-bed{background-color:var(--sand-60);color:var(--green)}.btn__create-raised-bed h2,.btn__view-raised-bed h2{font-size:var(--font-xl);line-height:1.5em}.container__how-it-works{color:var(--green);display:grid;min-height:60vh;place-items:center;width:100vw}.container__how-it-works h3{font-size:var(--font-l);font-weight:700}.container__steps{grid-gap:2em;display:grid;font-size:var(--font-m);gap:2em;grid-template-columns:repeat(4,1fr);line-height:1.5em}.container__step{background-color:var(--sand-60);border-radius:var(--radius-m);display:grid;height:35vh;padding:3em;place-items:end;position:relative;width:20vw}.container__step img{position:absolute;top:-3em;width:100%}.container__step-text{align-items:end;display:grid;height:50%}.container__step-text h4{height:100%;margin:0}.container__step-text p{font-size:var(--font-m);height:100%;margin:0}#container__methods{grid-gap:2em;align-items:center;display:grid;gap:2em;grid-template-columns:repeat(2,1fr);max-height:85vh;padding:2em;width:90vw}#container__methods h3{color:var(--green);font-size:var(--font-l);text-align:center}.container__method{align-items:center;background-color:var(--green);border-radius:var(--radius-m);color:var(--sand-60);display:grid;grid-template-columns:1fr 2fr;max-height:60vh;padding:2em}.container__method img{width:100%}.container__method h4{font-size:var(--font-xl);line-height:1.5em;margin:0}.container__method p{font-size:var(--font-m)}.main__signup-login{background-color:var(--sand-20);display:grid;place-items:center}.form__login,.form__signup{grid-gap:var(--font-xs);background-color:var(--sand-60);border-radius:var(--radius-m);color:var(--green);display:grid;gap:var(--font-xs);height:50vh;padding:0 2em 1em;place-items:center;width:25vw}.form__login{height:40vh}.form__error{color:var(--carrot)}.container__form-input{width:100%}.form-input{border:none;border-radius:var(--radius-s);height:3em;padding:1em;width:100%}.form-input::-webkit-input-placeholder{color:var(--sand-60);font-size:var(--font-s)}.form-input::placeholder{color:var(--sand-60);font-size:var(--font-s)}.container__signup-btn{display:flex;justify-content:space-evenly;width:100%}.btn__signup-later{background-color:initial;border:none;color:var(--grape-100);font-size:var(--font-s);height:4vh;padding:0;text-decoration:underline}.btn__signup-later:hover{color:var(--grape-hover)}.btn__signup-submit{background-color:var(--grape-100);border:none;border-radius:var(--radius-s);color:var(--sand-20);cursor:pointer;font-size:var(--font-s);height:4vh;width:10vw}.btn__signup-submit:hover{background-color:var(--grape-hover)}.main__create-squares{background-color:#fff;display:grid;grid-template-columns:1.3fr 1fr}.container__preview-raised-bed{display:grid;overflow:scroll;place-items:center}.container__square{height:200px;width:200px}.container__square,.container__square--small{border:1px dotted #000;display:grid;place-items:center}.container__square--small{height:120px;width:120px}.container__soil{background-color:var(--sand-20);border:none;border-radius:var(--radius-m);height:160px;width:160px}.container__soil--small{background-color:var(--sand-20);border:none;border-radius:var(--radius-s);height:80px;width:80px}.container__calculator{background-color:var(--sand-60);color:var(--green);display:grid;grid-template-rows:repeat(2,1fr);height:85vh;padding:2em}.container__calculator--top{display:grid;place-items:center}.container__calculator h1{font-size:var(--font-xl);margin-bottom:0}.container__calculator img{height:40px;width:40px}.container__calculator p{font-size:var(--font-s);text-align:center;width:60%}.container__calculator-btn,.container__raised-bed-size-dropdown{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(2,1fr);margin-bottom:2em}.container__size-dropdown{align-items:center;display:grid;grid-template-rows:repeat(2,1fr)}.container__size-dropdown label,.size-dropdown{font-size:var(--font-s)}.size-dropdown{border:none;border-radius:var(--radius-s);height:5vh;padding:1em;width:10vw}.btn__cancel{background-color:initial;border:none;color:var(--grape-100);text-decoration:underline}.btn__next-step{background-color:var(--green);border:none;border-radius:var(--radius-s);color:var(--sand-20);cursor:pointer;height:4vh;width:10vw}.btn__next-step:hover{background-color:var(--grape-hover)}.main__design-raised-bed{display:grid;grid-template-columns:1.5fr 1fr;position:relative}.container__name-raised-bed,.container__plant-library{background-color:var(--sand-60);color:var(--green);display:grid;height:85vh;padding:2em;place-items:center}.container__plant-library-text{display:grid;place-items:center}.container__plant-library-text img{height:auto;width:4em}.container__plant-library-text h1{font-size:var(--font-xl);margin:0}.container__plant-library-text p{font-size:var(--font-s);text-align:center}.list__plant-library{grid-gap:56px;display:grid;gap:56px;grid-template-columns:repeat(3,1fr);height:45vh;list-style:none;margin:0;min-width:40vw;overflow:scroll;padding:0;place-items:center}.list-item__plant-library{display:grid;height:100%;place-items:center;width:100%}.list-item__plant-library img{background-color:#fff;border-radius:12px;cursor:grab;width:100%}.list-item__plant-library p{margin:0}.btn__clear-square{background-color:initial;border:none;color:var(--grape-100);height:4vh;text-decoration:underline;width:10vw}.btn__save{background-color:var(--green);border:none;border-radius:var(--radius-s);color:var(--sand-20);cursor:pointer;height:4vh;width:10vw}.btn__save:hover{background-color:var(--grape-hover)}.container__plant-btn{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1em;place-items:center;width:100%}.container__plant-text{display:grid;grid-template-columns:2fr 1fr;padding:.5em;width:100%}.text__plant-companion{background-color:var(--green);border-radius:var(--radius-s);padding:0 .5em}.text__plant-companion,.text__plant-non-companion{color:#fff;font-size:var(--font-xs);margin:0;text-align:center}.text__plant-non-companion{background-color:var(--carrot);border:none;border-radius:var(--radius-s)}.companion{border:2px solid var(--green)}.non-companion{opacity:.2}.non-companion,.saved{pointer-events:none}.container__preview{display:grid;place-items:center}.container__raised-bed{display:grid}.container__square--preview{height:200px;width:200px}.container__square--preview,.container__square--preview--small{border:1px dotted #000;cursor:pointer;display:grid;place-items:center}.container__square--preview--small{height:100px;width:100px}.container__square--preview img,.container__square--preview--small img{height:100%;width:100%}.container__square--clicked{border:4px solid var(--grape-100);border-radius:var(--radius-s)}.container__name-raised-bed{grid-template-rows:repeat(2,1fr)}.container__name-raised-bed h1{font-size:var(--font-xl);text-align:center}.container__name-raised-bed-input{align-items:center;display:grid;grid-template-rows:repeat(2,1fr)}.input__name-raised-bed{border:none;border-radius:var(--radius-s);height:5vh;margin-bottom:2em;padding:1em;width:25vw}.btn__keep-edit{background-color:initial;border:none;color:var(--grape-100);cursor:pointer;text-decoration:underline}.container__saved{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.container__saved-bg{background-color:var(--green);height:100%;opacity:.9;width:100%}.container__saved h1{color:var(--sand-20);font-size:var(--font-xl);left:44vw;position:absolute;text-align:center;top:28vh;z-index:2}.main__view-raised-bed{background-color:var(--sand-20);color:var(--green);display:grid;place-items:center}.list__view-raised-bed{grid-gap:64px;display:grid;gap:64px;grid-template-columns:repeat(3,1fr);place-items:center;position:relative;width:70vw}.container__preview-mini-raised-bed{background-color:#fff;border-radius:12px;display:grid;height:40vh;margin-bottom:20px;overflow:scroll;padding:20px;place-items:center;position:relative;width:20vw}.container__mini-raised-bed,.container__mini-square{display:grid;place-items:center}.container__mini-square{border:1px dotted #000;height:64px;width:64px}.container__mini-plant{height:56px;width:56px}.container__mini-soil{background-color:var(--sand-60);border-radius:12px;height:48px;width:48px}.btn__preview-create-raised-bed{background-color:var(--sand-60);cursor:pointer;margin-bottom:40px}.text__date{font-size:var(--font-xs);margin:0}.text__raised-bed-name{margin:0}.text__user-name{font-size:var(--font-xs);margin:0}.btn__delete-raised-bed{background-color:initial;border:none;bottom:8px;height:32px;position:absolute;right:20px;width:32px}.btn__delete-raised-bed img{height:32px;width:32px}.container__delete{display:grid;place-items:center}.bg__delete{background-color:var(--green);left:0;min-height:100%;opacity:.8;overflow:scroll;top:0;width:100%;z-index:1}.bg__delete,.popup__delete{display:grid;place-items:center;position:absolute}.popup__delete{background-color:var(--sand-20);border-radius:var(--radius-m);height:30vh;padding:2em;top:36vh;width:20vw;z-index:2}.popup__delete h2{font-size:var(--font-l);margin:0}.container__delete-btn{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(2,1fr)}.btn__dont-delete{background-color:initial;border:none;color:var(--grape-100);text-decoration:underline}.btn__dont-delete:hover{color:var(--grape-hover)}.btn__delete{background-color:var(--carrot);border:none;border-radius:var(--radius-s);color:var(--sand-20);height:4vh;width:10vw}.btn__delete:hover{background-color:var(--grape-hover)}.container__get-inspiration{background-color:var(--green);border-radius:var(--radius-m);color:var(--sand-20);cursor:pointer;display:grid;grid-template-columns:1fr 2fr;margin-top:3em;padding:2em;place-items:center;width:70vw}.container__get-inspiration h2{font-size:2.5em;line-height:1.5em}.container__get-inspiration p{font-size:var(--font-m);line-height:1.5em}.container__get-inspiration img{height:280px;width:240px}*{box-sizing:border-box}html{--green:#124308;--sand-100:#e0d2b4;--sand-60:#ece4d2;--sand-20:#f9f6f0;--sand-10:#fcfaf7;--grape-100:#630053;--grape-hover:#45003a;--grape-click:#280021;--carrot:#db471e;--font-xs:0.7vw;--font-s:0.75vw;--font-m:1.2vw;--font-l:2vw;--font-xl:3vw;--font-xxl:5vw;--radius-s:0.5em;--radius-m:2em;scroll-behavior:smooth}body{font-family:Corben,cursive;height:100vh;margin:0;width:100vw}header{background-color:#f9f6f0;background-color:var(--sand-20)}.header-green,header{height:10vh;width:100vw}.header-green{background-color:#124308;background-color:var(--green);color:#f9f6f0;color:var(--sand-20)}main{height:85vh;overflow:scroll;width:100vw}button{cursor:pointer}ul{list-style:none;padding:0}footer{background-color:#f9f6f0;background-color:var(--sand-20);display:grid;font-size:.7vw;font-size:var(--font-xs);height:5vh;place-items:center;width:100vw}
/*# sourceMappingURL=main.77a9b9b7.css.map*/