@import url(https://fonts.googleapis.com/css2?family=Handlee&family=Outfit:wght@100..900&display=swap);a,h1,h2,h3,p{font-family:Handlee,Calibri,sans-serif}button,input,label{font-family:Outfit,Arial,sans-serif}a img{outline:none}body{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}button[type=submit]{background-color:#9f6a2f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s}button[type=submit]:hover{background-color:#4f3517}form{text-align:center}form button{background-color:#ffc84d;border:3px solid #4f3517;border-radius:10px;color:#5e4a20;font-size:1em;padding:5px}form button:hover{background-color:#5e4a20;border:3px solid #eca554;color:#fff}form div{padding:10px}form div input{border:3px solid #4f3517;border-radius:10px;border-radius:15px;box-shadow:none;box-sizing:border-box;outline:none;padding:5px;width:100%}h2{color:#fff;font-size:2em;text-align:center}html{background-image:url(/static/media/Sunny%20Garden%20Haven.2756110c60c53bf40891.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden}label{color:#fff}main{background-image:url(/static/media/background.07c9a48e2aaef2af5492.png);height:100vh;margin:0;width:100vw}.bottom-bar{align-items:center;background-color:#319831;bottom:0;display:flex;flex:0 0 130px;justify-content:space-evenly;left:0;margin:0 auto;max-width:31.75rem;position:fixed;right:0;width:100%;z-index:10}.bottom-bar>svg{height:50px;width:50px}.bottom-icon{height:60px;width:auto}.content{grid-gap:15px;box-sizing:border-box;display:grid;flex:1 1 auto;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,200px);height:40em;margin-top:95px;overflow-y:auto;padding:20px 15px}.delete-account-button{background-color:#eca554;border:none;border-radius:20px;color:#4f3517;font-size:16px;padding:10px}.default-btn{background-color:#4f3517;border:3px solid #9f6a2f;border-radius:12px;color:#fff;cursor:pointer;font-size:.85em;margin-left:3px;padding:10px 20px;transition:background-color .2s}.default-btn:hover{background-color:#ffc850;color:#000}.left-image{bottom:15px;height:60px;left:2rem;position:absolute;width:60px}.link-button{background:none;border:none;color:#fff;font-size:1rem;padding:0;text-decoration:none}.login-container{background-image:url(/static/media/Wooden%20Signboard%20with%20Natural%20Grain.19b64db478b6d2b357b1.png);background-position:50%;background-repeat:no-repeat;border-radius:20px;box-shadow:0 10px 30px 5px #000;box-sizing:border-box;color:#fff;margin-top:20px;max-width:90vw;padding:10px;text-align:center;width:350px}.login-container h2{font-size:2em;margin:0;padding-top:10px}.login-container form{display:flex;flex-direction:column;padding:15px}.login-container form div{align-items:flex-start;display:flex;flex-direction:column}.login-container form div label{color:#fff;font-weight:600;margin-bottom:-5px}.login-container form div input{border:3px solid #4f3517;border-radius:10px;box-sizing:border-box;font-size:1em;height:35px;outline:none;padding:0 10px;width:100%}.login-container form button{background-color:#ffc84d;border:3px solid #4f3517;border-radius:10px;color:#5e4a20;cursor:pointer;font-size:1.1em;font-weight:700;margin:25px 10px;padding:5px;transition:background-color .3s ease,color .3s ease}.login-container form button:hover{background-color:#5e4a20;border-color:#eca554;color:#fff}.plant{align-items:center;background-color:#000000bf;border-radius:15px;color:#fff;display:flex;flex-direction:column;height:170px;justify-content:space-between;outline:none;padding-bottom:10px;text-decoration:none;transition:background-color .3s}.plant div h3{font-size:1em;margin:.5em auto 0;text-align:center}.plant div p{margin:0 auto;text-align:center}.plant:visited{outline:none;text-decoration:none}.plant:hover{background-color:#000000e6}.plant img{width:3.5em}.goal-name-box{align-items:center;background-color:#f3f3f3;border:2px solid #ccc;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:15px;padding:0;width:100%}.goal-name-box input,.goal-name-box select{background-color:initial;border:none;border-radius:10px;color:#555;flex:1 1;font-family:Outfit,Arial,sans-serif;font-size:1em;outline:none;padding:10px}.goal-name-box select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23555' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px}.goal-name-box select option{padding:10px}.profileImage{height:80px;width:80px}.profile-container{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100vh;margin-top:90px;max-width:100vw;padding:20px}.profile-info{background-color:#34251d;border-radius:20px;color:#fff;font-size:16px;padding:20px;width:75vw}.plant-image{width:5em}.progress-bar-container{background-color:#eee;border-radius:10px;height:20px;margin:10px 0;max-width:200px;overflow:hidden}.progress-bar-fill{background-color:#4caf50;height:100%;transition:width .5s ease-in-out}.register-container{background-image:url(/static/media/Wooden%20Signboard%20with%20Natural%20Grain.19b64db478b6d2b357b1.png);background-position:50%;background-repeat:no-repeat;border-radius:20px;box-shadow:0 10px 30px 5px #000;box-sizing:border-box;color:#fff;margin-top:20px;max-width:90vw;padding:10px;text-align:center;width:350px}.register-container h2{font-size:2em;margin:0;padding-top:10px}.register-container form{display:flex;flex-direction:column;padding:15px}.register-container form div{align-items:flex-start;display:flex;flex-direction:column}.register-container form div label{color:#fff;font-weight:600;margin-bottom:-5px}.register-container form div input{border:3px solid #4f3517;border-radius:10px;box-sizing:border-box;font-size:1em;height:35px;outline:none;padding:0 10px;width:100%}.register-container form button{background-color:#ffc84d;border:3px solid #4f3517;border-radius:10px;color:#5e4a20;cursor:pointer;font-size:1.1em;font-weight:700;margin:25px 10px;padding:5px;transition:background-color .3s ease,color .3s ease}.register-container form button:hover{background-color:#5e4a20;border-color:#eca554;color:#fff}.shopMenu{background-color:#00000080;border-radius:20px;color:#fff;margin-left:auto;margin-right:auto;margin-top:95px;padding:20px 15px;width:350px}.shopMenu>p{font-size:1.25em}.shopMenu>ul>li{background-color:#00000080;border:1px solid #ccc;border-radius:15px;margin-bottom:15px;padding:15px}.top-bar{align-items:flex-end;background-color:#319831;display:flex;flex:0 0 80px;height:80px;justify-content:center;left:0;padding-bottom:.5rem;padding-top:.5rem;position:fixed;right:0;top:0;z-index:10}.top-bar>svg:not(.left-image){height:100px;margin:0 auto;width:100px}.top-bar svg{color:#000}.add-habit-form{align-items:center;background-color:#00000080;border-radius:20px;box-shadow:0 0 20px #0000004d;display:flex;flex-direction:column;max-width:300px;padding:15px 30px;width:100%}.add-habit-form-container{align-items:start;display:flex;height:100vh;justify-content:center;margin-top:95px;min-height:300px;padding:30px 0 0;width:100vw}.frequency-section{margin-bottom:10px;text-align:center}.frequency-section h3{color:#fff;font-size:1.1em;margin-bottom:10px}.frequency-section input{border:2px solid #ccc;border-radius:15px;font-size:1em;outline:none;padding:10px;width:70%}.habit-title{color:#fff;font-size:1.2em;font-weight:700;margin-bottom:10px;margin-top:15px}.noUser{background-color:#7b1111;border-radius:15px;color:#fff;margin-top:25px;padding:10px}.plant-detail-container{align-items:start;display:flex;flex:1 1 auto;height:100%;justify-content:center;margin-top:95px;min-height:740px;overflow-y:auto;width:100vw}.plant-detail{align-items:center;background-color:#00000080;border-radius:20px;box-shadow:0 0 20px #0000004d;color:#fff;display:flex;flex-direction:column;height:50vh;margin:25px 0;max-width:350px;width:100%}.plant-detail>h2{margin-bottom:10px;margin-top:10px}.plant-detail>p{margin-bottom:5px;margin-top:5px}.socialMenu{align-items:start;background-color:#000000bf;border-radius:20px;color:#fff;height:100vh;margin-left:10px;margin-right:10px;margin-top:95px;min-height:300px;padding:30px}.rankings>h2{text-align:left}.rankings>ul{list-style-type:none;padding-left:0}.rankings>ul>li{border-radius:10px;margin-bottom:5px;margin-top:5px;padding:10px}.rankings>ul>li h4,.rankings>ul>li>h3{margin-bottom:2px;margin-top:2px}#rank1{background-color:hsla(51,97%,71%,.749);color:#342c03}#rankYou{background-color:rgba(121,255,121,.749);color:#162d16}#rank3{background-color:hsla(39,35%,57%,.749);color:#292318}#rank4{background-color:hsla(0,1%,54%,.749);color:#201f1f}.calendarMenu{align-items:start;background-color:#000000bf;border-radius:20px;color:#fff;height:100vh;margin-left:10px;margin-right:10px;margin-top:95px;min-height:300px;padding:30px}.calendarGrid>table{margin-left:auto;margin-right:auto}.calendarGrid>table>tr{padding:5px}.calendarGrid>table>tr>th{border-radius:20px;margin:4px;padding:10px}.current{background-color:#aeaeac;color:#303030}.streakKept{background-color:#ffc862;color:#522500}.streakLost{background-color:#410000;color:#f88}.today{background-color:#59fa59;color:#0f2c0f}.upcoming{background-color:#555454;color:#8d8c8c}.calendarEvents>ul{padding-left:0}.calendarEvents>ul>li{background-color:hsla(0,0%,60%,.749);border-radius:20px;color:#fff;list-style-type:none;margin-bottom:5px;margin-top:5px;padding:15px}.calendarEvents>ul>li h4,.calendarEvents>ul>li>h3{margin-bottom:2px;margin-top:2px}.delete-button{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;grid-column:1/1;margin-top:1rem;padding:.5rem 1rem}.frequency{background-color:#2e2d2d;border-radius:25px;padding:10px}.watering-can-button{align-items:center;background-color:#8dc78f;border:none;border-radius:10px;color:#2e391a;cursor:pointer;display:inline-flex;gap:.5rem;grid-column:3/3;margin-top:1rem;padding:.6rem 1rem;transition:background-color .3s ease}.watering-can-button:disabled{background-color:#ccc;cursor:not-allowed}.watering-can-icon{height:24px;transition:fill .3s ease;width:24px}.plant-picker{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center;margin-bottom:20px}.plant-picker .center{border-color:#9f6a2f;height:90px;opacity:1;transform:translateY(0);width:90px;z-index:2}.plant-picker .plant-circle{align-items:center;background-color:#292929;border:3px solid #0000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin:0;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.plant-picker .side{height:75px;opacity:.5;transform:translateY(15px);width:75px;z-index:1}.plant-picker img{height:90px}.welcomeMessage{background-color:#fff;height:100%;min-height:690px;min-width:500px;padding:20px}.welcomeMessage_header{background-color:#a9a9a9;border-radius:20px;padding:20px}.welcomeMessage_header h1{color:#fff;font-size:3em;margin-bottom:0;margin-top:40px;text-align:center;text-shadow:0 10px 5px #000}.welcomeMessage_header h3{margin-top:0;text-align:center}.welcomeMessage button{border:3px solid #a9a9a9;border-radius:15px;float:right;padding:5px}.add-plant-button{align-items:center;background-color:gray;border:3px solid #a9a9a9;border-radius:50%;box-shadow:0 -5px 15px #0000004d;display:flex;height:80px;justify-content:center;padding:10px;position:relative;top:-50px;transition:transform .2s ease;width:80px;z-index:2}.add-plant-button:hover{background-color:#a9a9a9;transform:scale(1.05)}.add-plant-button svg{height:30px;width:30px}.buttonGroup{display:grid;grid-template-columns:1fr 20px 1fr}.progressBar{background-color:#8ce18f;border-radius:20px;color:#000;font-size:16px;padding:10px}#contentBlank{background-color:#000000bf;border-radius:20px;color:#fff;padding:20px}#logout{background-color:initial;border-radius:20px;border-style:none;color:#000;font-size:20px;font-weight:300px;padding:10px}#logout:hover,#registerNotification{background-color:#000000bf;color:#fff}#registerNotification{border-radius:20px;margin:0;padding:10px}#registerButton{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:500px;padding:0;text-decoration:none}.bottom-bar svg{cursor:pointer;transition:transform .3s ease}.bottom-bar svg:hover{transform:scale(1.05)}.settings-panel{background:#fff;border:2px solid #333;border-radius:10px;bottom:80px;padding:10px;position:absolute;right:20px;z-index:100}.settings-panel button{background:#fff;border-style:none;font-size:18px;padding:10px}@media screen and (min-width:32.5em){main{background-image:url(/static/media/background-hd.381b3145f91fc9f5f7cf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;width:500px}.bottom-bar{bottom:0;width:500px}.content{align-items:center;gap:20px;height:75vh;justify-content:center;padding:20px;width:500px}.delete-account-button:hover{background-color:#f08080;color:darkred}.profile-container{gap:20px;max-width:500px}.profile-info{width:350px}.delete-button:hover{background-color:#f08080;color:darkred;font-weight:700}.frequency-section h3{margin-top:5px}.left-image{bottom:10px;height:80px}.plant{height:185px}.plant-detail-container{height:75vh;max-width:500px}.plant-detail{height:63vh;max-width:425px}.add-habit-form-container{height:75vh;margin-top:90px;max-width:500px;padding:30px 0 0}.settings-panel button:hover{background-color:#4e4e4e;border-radius:5px;color:#fff}.top-bar{margin:0 auto;max-width:500px;width:100%}.watering-can-button:hover{background-color:#202811;color:#fff}}@media screen and (min-width:80em){body{background-size:cover}.add-habit-form-container{max-width:770px}.add-habit-form{max-width:500px}main{width:770px}.bottom-bar{bottom:0;max-width:770px;width:100%}.content{grid-template-columns:225px 225px 225px;width:770px}.left-image{height:100px}.plant-detail-container,.profile-container,.top-bar{max-width:770px}#plant1{grid-column:2;grid-row:1}#plant2{grid-column:3;grid-row:1}#plant3{grid-column:4;grid-row:1}#plant4{grid-column:2;grid-row:2}#plant5{grid-column:3;grid-row:2}#plant6{grid-column:4;grid-row:2}#plant7{grid-column:2;grid-row:3}#plant8{grid-column:3;grid-row:3}#plant9{grid-column:4;grid-row:3}}
/*# sourceMappingURL=main.b28e3957.css.map*/