.GardenNav_main{position:fixed;top:10px;right:10px;z-index:20;text-align:center}.GardenNav_main>ul{display:flex;flex-direction:column;align-items:center;gap:4px;background:#2d3413d1;border-radius:999px;padding:10px 6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow)}.GardenNav_main li{color:#fff;font-size:12px;letter-spacing:1px;text-transform:uppercase}.GardenNav_main li hr{width:60%;border:none;border-top:1px solid rgba(255,255,255,.4);margin:2px auto 4px}.GardenNav_link,.GardenNav_logout_link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;text-decoration:none;transition:background .15s ease}.GardenNav_link:hover,.GardenNav_logout_link:hover{background:#ffffff2e}.GardenNav_link img,.GardenNav_logout_link img{width:26px;height:26px}.tooltiptext{visibility:hidden;opacity:0;width:max-content;background-color:#000000d9;color:#fff;text-align:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;position:absolute;z-index:1;right:115%;top:50%;transform:translateY(-50%);transition:opacity .15s ease}.GardenNav_link:hover .tooltiptext,.GardenNav_logout_link:hover .tooltiptext{visibility:visible;opacity:1}@media(hover:none){.tooltiptext{display:none}}.GardenNav_landing ul{display:flex;gap:8px;position:absolute;top:0;left:0;z-index:20;padding:8px}.GardenNav_landing li{cursor:pointer}.GardenNav_landing a{display:inline-block;text-decoration:none;letter-spacing:1px;color:#fff;padding:8px 16px;border-radius:var(--radius-sm);text-shadow:0 1px 3px rgba(0,0,0,.6);transition:background .15s ease}.GardenNav_landing a:hover{background-color:#00000059}.Landing_Page *{box-sizing:border-box;background-color:#f94a41;max-width:100%}.Landing_Page h2{text-align:center;margin-top:0;padding:0;font-size:30px;font-style:none;text-decoration:none;margin-bottom:0}.Landing_Page a{text-decoration:none;color:#fff;padding:0;margin:10px 5%}.Landing_Page p{margin:0;padding:15% 18% 15% 8%;line-height:30px;font-size:17px;color:#fff;max-width:100%}.Landing_Page img{max-width:45px;padding:25px 5%}.options{margin:0;text-align:center}.Landing_Page h3{margin-top:0;margin-bottom:10px;padding:25px;max-width:100%}address{font-style:normal}.portfolio-pic{position:relative;display:inline-block}.portfolio-pic .tooltiptext{visibility:hidden;width:150px;bottom:80%;font-size:10px;left:0%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.portfolio-pic:hover .tooltiptext{visibility:visible;opacity:.8}.email-pic{position:relative;display:inline-block}.email-pic .tooltiptext{visibility:hidden;width:120px;bottom:80%;font-size:10px;left:0%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.email-pic:hover .tooltiptext{visibility:visible;opacity:.8}.linkedin-pic{position:relative;display:inline-block}.linkedin-pic .tooltiptext{visibility:hidden;width:120px;bottom:80%;font-size:10px;left:0%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.linkedin-pic:hover .tooltiptext{visibility:visible;opacity:.8}.github-pic{position:relative;display:inline-block}.github-pic .tooltiptext{visibility:hidden;width:120px;bottom:80%;font-size:10px;left:0%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1}.github-pic:hover .tooltiptext{visibility:visible;opacity:.8}@media only screen and (min-width:600px){.Landing_Page a{margin:10px 5%}.Landing_Page img{max-width:50px;margin:25px 5%}.Landing_Page p{margin:0;padding:5% 25% 5% 10%;line-height:30px;font-size:22px;color:#fff;max-width:100%}.portfolio-pic .tooltiptext,.email-pic .tooltiptext,.linkedin-pic .tooltiptext,.github-pic .tooltiptext{font-size:16px}.Landing_Page img{max-width:65px;margin:10px 5%}}@media only screen and (min-width:992px){.Landing_Page a{padding:0;width:100px;margin:25px 5%}.Landing_Page img{max-width:50px}.Landing_Page p{margin:0;padding:5% 30% 5% 4%;line-height:30px;font-size:22px;color:#fff;max-width:100%}}.LoginForm{text-align:center;display:block;max-width:70%;border-radius:8px;margin:20px auto;padding:20px}.LoginForm Input{margin:25px auto;height:40px;width:70%;border:1px solid black}.LoginForm_Submit,.Cancel-Login-button{display:block;text-align:center;padding:10px;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;width:140px;font-size:20px;margin:10px auto}.LoginForm_Submit:hover,.Cancel-signup-button:hover{background-color:#f94a42;color:#fff}@media only screen and (min-width:600px){.LoginForm{max-width:40%}.LoginForm Input{margin:25px}}@media only screen and (min-width:992px){.LoginForm{max-width:30%}}.LoginPage h2{text-align:center;font-size:30px;letter-spacing:8px;color:#2d3413;margin:40px auto 20px}.SignUpForm{text-align:center;display:block;max-width:70%;border-radius:8px;margin:20px auto;padding:20px}.SignUpForm Input{margin:25px auto;height:40px;width:70%;border:1px solid black}label{margin-top:15px;font-size:20px;text-align:center}.SignUpForm_Submit,.Cancel-SignUp-button{display:block;text-align:center;padding:10px;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;width:140px;font-size:20px;margin:10px auto}.SignUpForm_Submit:hover,.Cancel-SignUp-button:hover{background-color:#f94a42;color:#fff}@media only screen and (min-width:600px){.SignUpForm{max-width:60%}.SignUpForm Input{margin:25px}}@media only screen and (min-width:992px){.SignUpForm{max-width:30%}}.SignUpPage h2{text-align:center;font-size:30px;letter-spacing:8px;color:#2d3413;margin:40px auto 20px}.ResetPasswordPage{max-width:420px;margin:40px auto;padding:24px;text-align:center}.ResetPasswordPage h2{color:var(--color-primary);letter-spacing:1px}.ResetPasswordForm{display:flex;flex-direction:column;gap:14px;text-align:left;margin-top:16px}.ResetPasswordForm .field{display:flex;flex-direction:column;gap:6px}.ResetPasswordForm .Input{width:100%}.ResetPasswordPage_hint{font-size:13px;color:var(--color-muted);margin:0}.ResetPasswordPage_submit,.ResetPasswordPage_link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;text-decoration:none;cursor:pointer}.ResetPasswordPage_submit:hover,.ResetPasswordPage_link:hover{background:var(--color-accent)}.single-plant{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 16px 16px;margin:16px auto;max-width:640px}.single-plant ul{list-style:none;line-height:1.5;padding:8px;margin:0}.single-plant h3{display:block;text-align:center;font-size:24px;margin:8px 0;color:var(--color-primary)}.single-plant h4{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0;color:var(--color-muted)}.single-plant p{text-align:left;font-size:17px;margin:0 0 4px}.single-plant-content>div{padding:6px 0}.single-plant-content hr{border:none;border-top:1px solid var(--color-border);margin:0}.single-plant .Details-button{cursor:pointer;text-align:center;font-weight:700;color:var(--color-primary-2);padding:8px 0;margin:0}.single-plant .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.single-plant .Plant-view-tasks-button,.single-plant .Plant-remove-button,.single-plant .Plant-edit-button{flex:1 1 140px;display:block;text-align:center;color:#fff;background-color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);border:none;font-size:15px;min-height:44px;padding:10px 12px;cursor:pointer}.single-plant .Plant-view-tasks-button:hover,.single-plant .Plant-remove-button:hover,.single-plant .Plant-edit-button:hover{background-color:var(--color-accent);color:#fff}.single-plant img{display:block;margin:15px auto;width:60%;height:auto}.customize-results select{font-size:18px;max-width:50%}.Sort label{padding:10px;margin-left:25px}@media only screen and (min-width:370px){.Sort label{margin-left:18%}}@media only screen and (min-width:600px){.Sort label{margin-left:33%}}@media only screen and (min-width:992px){.Sort label{margin-left:38%}}.GardenPage{display:block}.GardenPage h2{text-align:center;font-size:30px;letter-spacing:8px;color:#2d3413}.GardenPage .input{text-align:center}.GardenPage p{padding:0}.single-task{max-width:70%;margin:50px auto;border-bottom:1px solid #2D3413;text-align:center}.single-task .plant-link{color:#50514f;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #50514F}.single-task .plant-link:hover{cursor:pointer;font-weight:700}.single-task .Task_delete{display:block;cursor:pointer;text-align:center;margin:0 auto 10px;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:12px;height:40px;width:100px}.single-task h3{font-size:16px}.single-task h4{text-align:center;font-size:16px;margin:0}@media only screen and (min-width:600px){.single-task{max-width:60%}}@media only screen and (min-width:992px){.single-task{max-width:60%}}.CalendarSubscribe{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px;margin:0 auto 24px;max-width:560px;text-align:center}.CalendarSubscribe_title{margin:0 0 6px;color:var(--color-primary);font-size:18px}.CalendarSubscribe_blurb{margin:0 0 14px;color:var(--color-muted);font-size:15px;line-height:1.4}.CalendarSubscribe_url{width:100%;text-align:center;margin-bottom:10px;color:var(--color-text)}.CalendarSubscribe_actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.CalendarSubscribe_btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;text-decoration:none;cursor:pointer}.CalendarSubscribe_btn:hover{background:var(--color-accent)}.CalendarSubscribe_hint{margin:12px 0 0;font-size:13px;color:var(--color-muted)}.TasksPage h2{text-align:center;font-size:28px;letter-spacing:3px;color:var(--color-primary);margin:8px 16px 24px}.TasksPage h3{text-align:center;font-size:22px;letter-spacing:2px;color:var(--color-primary)}.PlantPage{margin:20px auto;max-width:70%;border:1px solid #2D3413;padding:10px}.PlantPage h1{text-align:center;line-height:30px;letter-spacing:2px;color:#2d3413}.PlantPage_content{padding:30px}.PlantPage .Add-task-button{display:block;text-align:center;margin:25px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;padding:10px 0;width:200px;height:40px;cursor:pointer}@media only screen and (min-width:600px){.PlantPage{max-width:50%;text-align:center}}@media only screen and (min-width:992px){.PlantPage{margin:20px auto;max-width:40%;border:1px solid #2D3413;padding:10px}}.AddPlantPage{margin:50px auto;max-width:70%;padding:20px;text-align:center}.AddPlantPage h2{text-align:center;line-height:30px;letter-spacing:2px;color:#2d3413}.AddPlantPage h2{text-align:center;line-height:30px;letter-spacing:2px}.AddPlantPage Input{border:1px solid black;margin:20px;width:150px}.AddPlantPage .Add-plant-button{display:block;text-align:center;margin:15px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;width:150px;height:30px;cursor:pointer}.AddPlantPage .Cancel-add-plant-button{display:block;text-align:center;margin:15px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;width:150px;height:30px;cursor:pointer;padding:0 0 5px}.AddPlantPage a{color:#fff;text-decoration:underline}.AddPlantPage a:hover{background:#2d3413;color:#fff}.AddPlantPage .Add-plant-button:hover,.AddPlantPage .Cancel-add-plant-button:hover{background-color:#f94a41;color:#fff}@media only screen and (min-width:600px){.AddPlantPage{margin:0 auto;max-width:50%;padding:35px;line-height:30px}.AddPlantPage Input{width:180px;height:35px}}@media only screen and (min-width:992px){.AddPlantPage{max-width:35%}.AddPlantPage Input{width:200px}}.PlantLookup{margin:10px auto 20px;text-align:center}.PlantLookup #plant-search{width:80%;max-width:340px}.PlantLookup_status{color:#d7d2c4;font-style:italic;margin:6px 0}.PlantLookup_results{list-style:none;padding:0;margin:10px auto;max-width:420px;text-align:left}.PlantLookup_result{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffffe6;color:#2d3413;border-radius:8px;padding:10px 14px;margin-bottom:8px}.PlantLookup_result-info{min-width:0}.PlantLookup_result-care{font-size:.85em;color:#4a5224;margin-top:2px}.PlantLookup_result .Add-plant-button{flex:0 0 auto;margin:0;width:72px;font-size:16px}.PlantEditPage{max-width:80%;margin:10px auto;padding:20px;line-height:28px;text-align:center}.PlantEditPage h2{text-align:center;line-height:30px;letter-spacing:2px;color:#2d3413}.PlantEditPage h3{text-align:center;line-height:30px;letter-spacing:2px;margin:30px auto}.PlantEditPage label{padding:10px;font-size:20px}.PlantEditPage Input{margin:25px auto;height:40px;width:70%;border:1px solid black}.PlantEditPage_Content .Details-button{display:block;text-align:center;margin:15px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;width:250px;height:35px;padding-top:10px;cursor:pointer}.Submit-plant-edits{display:block;text-align:center;padding:10px;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;width:140px;font-size:20px;margin:10px auto}.Submit-plant-edits:hover{background-color:#f94a41}.Cancel-add-plant-button{display:block;text-align:center;padding:10px;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;width:140px;font-size:20px;margin:10px auto}.Cancel-add-plant-button:hover{background-color:#f94a41}.PlantEditPage .usda-link{color:#2d3413;cursor:pointer}.PlantEditPage .usda-link:hover{color:#2d3413}@media only screen and (min-width:600px){.PlantEditPage{max-width:60%;margin:30px auto;padding:10px 45px}.PlantEditPage label{padding:20px;font-size:20px}}@media only screen and (min-width:992px){.PlantEditPage{margin:30px auto;max-width:40%;padding:10px 45px}.PlantEditPage Input{width:80%}}.EditTendTaskPage{margin:50px auto;max-width:70%;padding:0;text-align:center;line-height:40px}.EditTendTaskPage div{margin:20px auto 0}.EditTendTaskPage h2{text-align:center;line-height:40px;letter-spacing:2px;color:#2d3413}.EditTendTaskPage label{margin:20px}.EditTendTaskPage Input{border:1px solid black;width:150px;height:30px}.EditTendTaskPage select{border:1px solid black;width:150px;height:30px}.EditTendTaskPage Textarea{border:1px solid black;width:150px;height:50px}.EditTendTaskPage .Add-task-button{display:block;text-align:center;margin:15px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;width:150px;height:35px;cursor:pointer}.EditTendTaskPage .Cancel-add-task-button{display:block;text-align:center;margin:15px auto;color:#fff;background-color:#2d3413;text-decoration:none;border-radius:8px;border:1px black;font-size:20px;width:150px;height:35px;cursor:pointer;padding:0 0 5px}.EditTendTaskPage .Cancel-add-task-button:hover,.EditTendTaskPage .Add-task-button:hover{background-color:#f94a41;color:#fff}@media only screen and (min-width:600px){.EditTendTaskPage{padding:50px;margin:0 auto;max-width:50%}.EditTendTaskPage Input{width:150px;height:25px}}@media only screen and (min-width:992px){.EditTendTaskPage{padding:50px;margin:0 auto;max-width:40%;font-size:25px}.EditTendTaskPage Input{border:1px solid black;width:200px;height:30px}.EditTendTaskPage select{border:1px solid black;width:200px}.EditTendTaskPage Textarea{border:1px solid black;margin:20px;width:200px}}.PlantTasksPage{text-align:center}.PlantTasksPage h2{text-align:center;font-size:30px;letter-spacing:8px;color:#2d3413;margin-bottom:40px}.PlantTasksPage h3{text-align:center;font-size:20px;letter-spacing:8px;color:#2d3413;margin-bottom:20px}.PlantTasksPage_task-list{margin:0}.Add-plant-task-button p{text-align:center;margin:0}#Tasks-subtitle{letter-spacing:2px;margin:20px}.Add-plant-task-button{background-color:#2d3413;display:block;text-align:center;margin:0 auto;text-decoration:none;border-radius:8px;border:1px black;color:#fff;font-size:20px;width:150px;height:45px;padding:15px 0 0}.Add-plant-task-button:hover{background-color:#f94a41;color:#fff}.Back-to-garden-button{background-color:#2d3413;display:block;text-align:center;margin:15px auto 0;text-decoration:none;border-radius:8px;border:1px black;color:#fff;font-size:20px;width:150px;height:45px;padding:15px 0 0}.Back-to-garden-button p{margin:0}.Back-to-garden-button:hover{background-color:#f94a41;color:#fff}@media only screen and (min-width:600px){.PlantTasksPage{max-width:65%;margin:0 auto}}@media only screen and (min-width:992px){.PlantTasksPage{max-width:40%;margin:0 auto}}.NotFoundPage{padding:15px;text-align:center;margin:50px}*{box-sizing:border-box}body{margin:0}.App_header{position:relative;display:flex;align-items:flex-end;background:linear-gradient(#00000059,#0000008c),url(https://i.imgur.com/GbX4gDO.jpg);background-size:cover;background-position:center;height:190px;padding:16px 24px;max-width:100%}.App_header h1{margin:0}.App_header a{font-family:var(--font-display);font-size:40px;text-decoration:none;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.App_main{min-height:60vh;padding-bottom:40px}@media only screen and (max-width:600px){.App_main{padding-right:64px;padding-left:8px}}@media only screen and (min-width:600px){.App_header{height:240px}.App_header a{font-size:52px}}@media only screen and (min-width:992px){.App_header{height:300px}}:root{--color-primary: #2d3413;--color-primary-2: #567e2e;--color-accent: #f94a41;--color-bg: #f4f4f2;--color-surface: #ffffff;--color-text: #2b2b26;--color-muted: #6b6f5f;--color-border: #d9d7cc;--radius: 10px;--radius-sm: 6px;--shadow: 0 2px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .12);--font-display: "Special Elite", cursive;--font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style:none;margin:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary-2);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:16px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;min-height:44px;box-sizing:border-box}textarea{min-height:88px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-2)}