body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:overlay;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:#484b6a;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:#929292}.home-main-container{margin:auto;padding-top:10rem}@media(max-width:700px){.home-main-container{padding-top:6rem;width:85%}}@media(min-width:700px){.home-main-container{padding:5rem;width:90%}}@media(min-width:1024px){.home-main-container{padding:5rem;width:90%}}@media(min-width:1400px){.home-main-container{width:80%}}.hero-main-container{align-items:center;display:flex;gap:10rem;justify-content:space-between}@media(max-width:700px){.hero-main-container{flex-wrap:wrap-reverse;gap:1rem}}@media(min-width:700px){.hero-main-container{flex-wrap:nowrap;gap:13rem}}@media(min-width:1024px){.hero-main-container{flex-wrap:nowrap;gap:12rem}}@media(min-width:1400px){.hero-main-container{flex-wrap:nowrap;gap:10rem}}.hero-left-container{margin:auto;position:relative;width:35%}@media(max-width:700px){.hero-left-container{width:100%}}@media(min-width:700px){.hero-left-container{width:25%}}@media(min-width:1024px){.hero-left-container{width:30%}}@media(min-width:1400px){.hero-left-container{width:35%}}.hero-img{border-radius:30%;padding:1rem}@media(max-width:700px){.hero-img{display:none;width:20rem}}@media(min-width:700px){.hero-img{width:20rem}}@media(min-width:1024px){.hero-img{width:20rem}}@media(min-width:1400px){.hero-img{width:25rem}}.hero-top-description{align-items:center;background-color:rgba(108,120,255,.247);border-radius:50rem;display:flex;font-size:1.1rem;gap:1rem;padding:0 2rem;position:absolute;right:-6rem;top:10rem;transition:.4s ease-in-out}@media(max-width:700px){.hero-top-description{display:none}}@media(min-width:700px){.hero-top-description{font-size:.6rem;right:-12rem;top:10rem}}@media(min-width:1024px){.hero-top-description{font-size:.8rem;right:-8rem;top:10rem}}@media(min-width:1400px){.hero-top-description{font-size:1rem;right:-6rem;top:10rem}}.hero-top-description:hover{cursor:default;-webkit-transform:scale(1.1);transform:scale(1.1)}.hero-bottom-description{align-items:center;background-color:rgba(108,120,255,.388);border-radius:50rem;bottom:5rem;display:flex;gap:1rem;left:-5rem;padding:0 2rem;position:absolute;transition:.4s ease-in-out}@media(max-width:700px){.hero-bottom-description{display:none}}@media(min-width:700px){.hero-bottom-description{bottom:5rem;font-size:.6rem;left:-2rem}}@media(min-width:1024px){.hero-bottom-description{bottom:5rem;font-size:.8rem;left:-2rem}}@media(min-width:1400px){.hero-bottom-description{bottom:5rem;font-size:1rem;left:-5rem}}.hero-bottom-description:hover{cursor:default;-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:700px){.hero-right-container{width:100%}}@media(min-width:700px){.hero-right-container{width:100%}}@media(min-width:1024px){.hero-right-container{width:100%}}@media(min-width:1400px){.hero-right-container{width:50%}}.hero-reight-header{font-size:3rem;font-weight:900}@media(max-width:700px){.hero-reight-header{font-size:1.3rem}}@media(min-width:700px){.hero-reight-header{font-size:1.7rem}}@media(min-width:1024px){.hero-reight-header{font-size:2.5rem}}@media(min-width:1400px){.hero-reight-header{font-size:3rem}}.hero-right-description{color:#33354b;width:100%}@media(max-width:700px){.hero-right-description{font-size:.8rem}}@media(min-width:700px){.hero-right-description{font-size:1rem}}@media(min-width:1024px){.hero-right-description{font-size:1.2rem}}@media(min-width:1400px){.hero-right-description{font-size:1.5rem}}.hero-right-notification-btn{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:700px){.hero-right-notification-btn{font-size:.5rem;gap:.3rem}}@media(min-width:700px){.hero-right-notification-btn{font-size:10px;gap:.3rem}}@media(min-width:1024px){.hero-right-notification-btn{font-size:11px;gap:.5rem}}@media(min-width:1400px){.hero-right-notification-btn{font-size:1rem;gap:1rem}}.hero-btn{background-color:rgba(108,120,255,.161);border-radius:50rem;padding:.5rem 1rem}.hero-btns-container{align-items:flex-start;display:flex;gap:1rem;justify-content:flex-start}.hero-btn-one{align-items:center;background-color:#484b6a;border:none;border-radius:50rem;color:#fff;display:flex;gap:1rem;padding:1rem 2rem;transition:.2s ease-in-out}@media(max-width:700px){.hero-btn-one{font-size:.6rem;padding:.4rem 1rem}}@media(min-width:700px){.hero-btn-one{font-size:.6rem;padding:.6rem 1rem}}@media(min-width:1024px){.hero-btn-one{font-size:.8rem;padding:.6rem 1rem}}@media(min-width:1400px){.hero-btn-one{font-size:1rem;padding:1rem 2rem}}.hero-btn-one:hover{background-color:#2f314b;cursor:pointer}.hero-btn-two{align-items:center;background-color:transparent;border:1px solid #484b6a;border-radius:50rem;color:#33354b;display:flex;gap:1rem;padding:1rem 2rem;transition:.2s ease-in-out}@media(max-width:700px){.hero-btn-two{font-size:.6rem;padding:.4rem 1rem}}@media(min-width:700px){.hero-btn-two{font-size:.6rem;padding:.6rem 1rem}}@media(min-width:1024px){.hero-btn-two{font-size:.8rem;padding:.6rem 1rem}}@media(min-width:1400px){.hero-btn-two{font-size:1rem;padding:1rem 2rem}}.hero-btn-two:hover{background-color:#2f314b;color:#fff;cursor:pointer}.under-hero-main-container{background-color:rgba(108,120,255,.086);border-radius:3rem;margin-top:3rem;padding:1rem}.section-two-container{align-items:center;display:flex;justify-content:space-around}@media(max-width:700px){.section-two-container{flex-direction:column}}.section-two-left{align-items:center;display:flex;gap:1rem}@media(max-width:700px){.section-two-left{background-color:#fff;border-radius:2rem;font-size:3rem;padding:0 3rem}}@media(min-width:700px){.section-two-left{font-size:2.8rem}}@media(min-width:1024px){.section-two-left{font-size:3rem}}@media(min-width:1400px){.section-two-left{font-size:4rem}}@media(max-width:700px){.section-two-left>h1{font-size:3rem}}@media(min-width:700px){.section-two-left>h1{font-size:2.8rem}}@media(min-width:1024px){.section-two-left>h1{font-size:3rem}}@media(min-width:1400px){.section-two-left>h1{font-size:4rem}}.global-users{line-height:.3rem}.global-users>p{font-weight:100}@media(max-width:700px){.global-users>p{font-size:1.5rem}}@media(min-width:700px){.global-users>p{font-size:1.3rem}}@media(min-width:1024px){.global-users>p{font-size:1.5rem}}@media(min-width:1400px){.global-users>p{font-size:2rem}}.devider{background-color:rgba(47,49,75,.435);height:4rem;width:.2rem}.section-two-middle{align-items:flex-start;border-radius:2rem;box-shadow:0 0 0 1px rgba(47,49,75,.392);display:flex;gap:2rem;padding:1.3rem}@media(max-width:700px){.section-two-middle{flex-wrap:wrap;gap:2rem;padding:1.3rem}}@media(min-width:700px){.section-two-middle{gap:1rem;padding:.9rem}}@media(min-width:1024px){.section-two-middle{gap:2rem;padding:1.3rem}}@media(min-width:1400px){.section-two-middle{gap:2rem;padding:1.3rem}}@media(max-width:700px){.middle-txt{font-size:.8rem;line-height:.3rem}}@media(min-width:700px){.middle-txt{font-size:.7rem;line-height:.7rem}}@media(min-width:1024px){.middle-txt{font-size:1rem;line-height:.5rem}}@media(min-width:1400px){.middle-txt{font-size:1rem;line-height:.3rem}}.hero-two-img{border-radius:2rem;box-shadow:0 0 0 1px rgba(0,0,0,.05);transition:.4s ease-in-out;width:15rem}@media(max-width:700px){.hero-two-img{width:15rem}}@media(min-width:700px){.hero-two-img{width:11rem}}@media(min-width:1024px){.hero-two-img{width:15rem}}@media(min-width:1400px){.hero-two-img{width:15rem}}.hero-two-img:hover{cursor:default;-webkit-transform:scale(1.1);transform:scale(1.1)}.footer-main-container{align-items:flex-start;background-color:#484b6a;border-top-left-radius:45px;border-top-right-radius:45px;color:#e0e2ff;display:flex;flex-wrap:wrap;justify-content:space-around;margin:4rem auto auto;padding:3rem 9rem}@media(max-width:700px){.footer-main-container{align-items:center;justify-content:center;padding:3rem 1rem}}@media(min-width:700px){.footer-main-container{padding:3rem 2rem}}@media(min-width:1024px){.footer-main-container{padding:3rem 5rem}}@media(min-width:1400px){.footer-main-container{padding:3rem 9rem}}@media(max-width:700px){.footer-left-container{width:90%}}@media(min-width:700px){.footer-left-container{width:40%}}@media(min-width:1024px){.footer-left-container{width:30%}}@media(min-width:1400px){.footer-left-container{width:30%}}@media(max-width:700px){.footer-left-container>p{font-size:.7rem}}@media(min-width:700px){.footer-left-container>p{font-size:.8rem}}@media(min-width:1024px){.footer-left-container>p{font-size:1rem}}@media(min-width:1400px){.footer-left-container>p{font-size:1rem}}.footer-logo-wrapper{align-items:center;display:flex;gap:.5rem}.footer-logo{width:5rem}@media(max-width:700px){.footer-logo{width:2rem}}@media(min-width:700px){.footer-logo{width:2rem}}@media(min-width:1024px){.footer-logo{width:3rem}}@media(min-width:1400px){.footer-logo{width:3rem}}.footer-donate-btn{align-items:center;border:none;border-radius:5px;color:#484b6a;cursor:pointer;display:flex;gap:.6rem;transition:.3s ease-in-out}@media(max-width:700px){.footer-donate-btn{font-size:.7rem;padding:.2rem .7rem}}@media(min-width:700px){.footer-donate-btn{font-size:.8rem;padding:.2rem .7rem}}@media(min-width:1024px){.footer-donate-btn{font-size:.8rem;padding:.3rem .8rem}}@media(min-width:1400px){.footer-donate-btn{font-size:.9rem;padding:.5rem 1rem}}.footer-donate-btn:hover{background-color:#d8dbf6}.donate-social-icons-container{align-items:center;display:flex;gap:1rem}@media(max-width:700px){.social-icon{font-size:1.2rem}}@media(min-width:700px){.social-icon{font-size:1.2rem}}@media(min-width:1024px){.social-icon{font-size:1.8rem}}@media(min-width:1400px){.social-icon{font-size:2rem}}.footer-center-container{align-items:flex-start;display:flex;flex-direction:column}@media(max-width:700px){.footer-center-container{width:90%}}@media(min-width:700px){.footer-center-container{width:40%}}@media(min-width:1024px){.footer-center-container{width:30%}}@media(min-width:1400px){.footer-center-container{width:30%}}.footer-left-center{width:50%}@media(max-width:700px){.work-with-me-title{font-size:1rem}}@media(min-width:700px){.work-with-me-title{font-size:1.1rem}}@media(min-width:1024px){.work-with-me-title{font-size:1.2rem}}@media(min-width:1400px){.work-with-me-title{font-size:1.5rem}}.footer-contact{align-items:center;display:flex;justify-content:space-evenly}.phone-icon{border-right:1px solid #fff;font-size:1.5rem;padding-right:1rem}@media(max-width:700px){.phone-icon{font-size:1rem}}@media(min-width:700px){.phone-icon{font-size:1.1rem}}@media(min-width:1024px){.phone-icon{font-size:1.2rem}}@media(min-width:1400px){.phone-icon{font-size:1.5rem}}.phone-numbers{line-height:.4rem;padding-left:1rem}@media(max-width:700px){.phone-numbers{font-size:.7rem}}@media(min-width:700px){.phone-numbers{font-size:.8rem}}@media(min-width:1024px){.phone-numbers{font-size:1rem}}@media(min-width:1400px){.phone-numbers{font-size:1rem}}.email-icon{border-right:1px solid #fff;font-size:1.5rem;padding-right:1rem}@media(max-width:700px){.email-icon{font-size:1rem}}@media(min-width:700px){.email-icon{font-size:1.1rem}}@media(min-width:1024px){.email-icon{font-size:1.2rem}}@media(min-width:1400px){.email-icon{font-size:1.5rem}}.emails{line-height:.4rem;padding-left:1rem}.email{color:#e0e2ff;text-decoration:none}@media(max-width:700px){.email{font-size:.7rem}}@media(min-width:700px){.email{font-size:.8rem}}@media(min-width:1024px){.email{font-size:1rem}}@media(min-width:1400px){.email{font-size:1rem}}.footer-devider{background-color:rgba(224,226,255,.576);height:10rem;width:.1rem}@media(max-width:700px){.footer-devider{display:none}}@media(min-width:700px){.footer-devider{display:block}}@media(min-width:1024px){.footer-devider{display:block}}@media(min-width:1400px){.footer-devider{display:block}}.footer-copy-right{background-color:#28293b;border-top:1px solid rgba(145,151,220,.902);color:#fff;margin:0;padding:1rem 0;text-align:center}@media(max-width:700px){.footer-copy-right{font-size:.6rem}}@media(min-width:700px){.footer-copy-right{font-size:.7rem}}@media(min-width:1024px){.footer-copy-right{font-size:1rem}}@media(min-width:1400px){.footer-copy-right{font-size:1rem}}.habit-main-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;margin:auto;width:80%}.habit-container{background-color:#fff;border:1px solid rgba(72,75,106,.204);border-radius:15px;box-shadow:0 0 0 1px rgba(0,0,0,.05);padding:2rem;width:26%}@media(max-width:700px){.habit-container{width:80%}}@media(min-width:700px){.habit-container{width:35%}}@media(min-width:1024px){.habit-container{width:32%}}@media(min-width:1400px){.habit-container{width:25%}}.habit-container:hover{border:1px solid rgba(72,75,106,.486)}.title-status-container{align-items:center;border-bottom:1px solid rgba(72,75,106,.145);display:flex;justify-content:space-between}.title-status-container>p{font-size:.8rem}.title-status-container>h3{font-size:.9rem;text-transform:uppercase}.habit-status,.status-description{background-color:rgba(72,75,106,.094);border-radius:10rem;padding:.3rem .8rem}.habit-status{border-radius:30rem;font-size:.6rem;text-transform:capitalize}.progress-bar-achieved{background-color:green;border-radius:5px;height:.3rem;width:100%}.progress-bar-cancelled{background-color:red;border-radius:5px;height:.3rem;width:100%}.progress-bar-onprogress{background-color:gold;border-radius:5px;height:.3rem;width:100%}.progress-bar-new{background-color:gray;border-radius:5px;height:.3rem;width:100%}.Motivation-text{background-color:rgba(108,120,255,.129);border-radius:10rem;font-size:.7rem;margin-top:10px;padding:.3rem .8rem;text-align:center;width:60%}.icons-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:1rem}.icons{border-radius:50%;padding:.5rem}.icons:hover{background-color:rgba(72,75,106,.161);border:1px solid rgba(72,75,106,.161);border-radius:50%;cursor:pointer}.edit-delete-main-container{position:relative}.edit-delete-icons-container{background-color:#fff;border:1px solid rgba(72,75,106,.161);border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.05);position:absolute;right:0;width:8rem;z-index:0}.edit-delete-icon-one{align-items:center;border-bottom:1px solid rgba(72,75,106,.161);display:flex;justify-content:space-between;padding:0 1rem}.edit-delete-icon-one>p{font-size:.8rem}.edit-delete-icon-one:hover{background-color:#d4fcd4;cursor:pointer}.edit-delete-icon-two{align-items:center;border-bottom:1px solid rgba(72,75,106,.161);display:flex;justify-content:space-between;padding:0 1rem}.edit-delete-icon-two>p{font-size:.8rem}.edit-delete-icon-two:hover{background-color:#fcd4d4;cursor:pointer}.dashboard-header{margin:9rem auto auto}@media(max-width:700px){.dashboard-header{width:90%}}@media(min-width:700px){.dashboard-header{width:60%}}@media(min-width:1024px){.dashboard-header{width:60%}}@media(min-width:1400px){.dashboard-header{width:60%}}.dashboard-header :first-child{font-size:1.5rem;margin:auto;text-align:center}@media(max-width:700px){.dashboard-header :first-child{font-size:.7rem}}@media(min-width:700px){.dashboard-header :first-child{font-size:1rem}}@media(min-width:1024px){.dashboard-header :first-child{font-size:1.1rem}}@media(min-width:1400px){.dashboard-header :first-child{font-size:1.5rem}}.filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.filter-buttons button{border:none;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.05);cursor:pointer;padding:.6rem 2rem;transition:.2s ease-in-out}@media(max-width:700px){.filter-buttons button{font-size:.6rem;padding:.4rem .5rem}}@media(min-width:700px){.filter-buttons button{font-size:.7rem;padding:.6rem 1rem}}@media(min-width:1024px){.filter-buttons button{font-size:.8rem;padding:.6rem 1rem}}@media(min-width:1400px){.filter-buttons button{font-size:.8rem;padding:.6rem 2rem}}.filter-buttons button:hover{background-color:#484b6a;color:#fff}.add-habit-input-container{align-items:center;display:flex;gap:2.5rem;justify-content:flex-start;margin-top:1rem}@media(max-width:700px){.add-habit-input-container{align-items:flex-start;flex-direction:column;width:100%}}@media(min-width:700px){.add-habit-input-container{width:90%}}@media(min-width:1024px){.add-habit-input-container{width:95%}}@media(min-width:1400px){.add-habit-input-container{width:90%}}.add-habit-input{border:1px solid rgba(72,75,106,.157);border-radius:5px;padding:1rem;width:100%}@media(max-width:700px){.add-habit-input{width:200%}}@media(min-width:700px){.add-habit-input{width:100%}}@media(min-width:1024px){.add-habit-input{width:100%}}@media(min-width:1400px){.add-habit-input{width:100%}}.date-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid rgba(72,75,106,.157);border-radius:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:1rem;width:200%}@media(max-width:700px){.date-picker{width:200%}}@media(min-width:700px){.date-picker{width:100%}}@media(min-width:1024px){.date-picker{width:100%}}@media(min-width:1400px){.date-picker{width:100%}}@media(max-width:700px){.add-habit-dialog{font-size:.7rem}}@media(min-width:700px){.add-habit-dialog{font-size:.7rem}}@media(min-width:1024px){.add-habit-dialog{font-size:.8rem}}@media(min-width:1400px){.add-habit-dialog{font-size:1rem}}.input-contaier{width:45%}.input-contaier,.status-picker{display:flex;flex-direction:column;gap:.5rem}@media(max-width:700px){.status-picker{width:107%}}@media(min-width:700px){.status-picker{width:45%}}@media(min-width:1024px){.status-picker{width:45%}}@media(min-width:1400px){.status-picker{width:45%}}.status-dropdown{border:1px solid rgba(72,75,106,.157);border-radius:5px;padding:1rem;position:relative;width:100%}.status-dropdown:focus{outline:none}select::-ms-expand{display:none}.nav-container{align-items:center;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-wrap:wrap;justify-content:space-between;left:0;margin:auto;padding:1rem 10rem;position:fixed;right:0;top:0;z-index:1}@media(max-width:700px){.nav-container{padding:1rem 2rem}}@media(min-width:700px){.nav-container{padding:1rem 2rem}}@media(min-width:1024px){.nav-container{padding:1rem 5rem}}@media(min-width:1400px){.nav-container{padding:1rem 10rem}}.input-container{border:none;border-radius:5px;position:relative;width:30%}.input-container input{border:none;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.16);padding:1rem;width:100%}.nav-container input:focus{outline:none}.search-icon{position:absolute;right:0;top:30%;width:1.5rem}.nav-imgs{width:2rem}@media(max-width:700px){.nav-imgs{width:1.2rem}}@media(min-width:700px){.nav-imgs{width:1.2rem}}@media(min-width:1024px){.nav-imgs{width:1.4rem}}@media(min-width:1400px){.nav-imgs{width:1.4rem}}@media(max-width:700px){.logo{width:1.7rem}}@media(min-width:700px){.logo{width:3rem}}@media(min-width:1024px){.logo{width:3rem}}@media(min-width:1400px){.logo{width:3rem}}.logo-text{font-size:1rem;font-weight:900;text-decoration:none}@media(max-width:700px){.logo-text{font-size:.7rem}}.logo-help-btn{align-items:center;display:flex;gap:10px;justify-content:center}.menu-profpic-container{align-items:center;display:flex;gap:.5rem}.nav-btn-one{border:none;border-radius:5px;cursor:pointer;padding:.5rem 1rem;transition:.2s ease-in-out}@media(max-width:700px){.nav-btn-one{font-size:.6rem}}@media(min-width:700px){.nav-btn-one{font-size:.7rem}}@media(min-width:1024px){.nav-btn-one{font-size:.8rem}}@media(min-width:1400px){.nav-btn-one{font-size:.8rem}}.nav-btn-two{border:none;border-radius:5px;cursor:pointer;padding:.4rem;transition:.2s ease-in-out}@media(max-width:700px){.nav-btn-two{font-size:.6rem;padding:.5rem .4rem}}@media(min-width:700px){.nav-btn-two{font-size:.7rem;padding:.5rem .8rem}}@media(min-width:1024px){.nav-btn-two{font-size:.8rem;padding:.5rem .8rem}}@media(min-width:1400px){.nav-btn-two{font-size:.8rem;padding:.5rem .8rem}}.nav-btn-three{background-color:#484b6a;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:.2s ease-in-out}@media(max-width:700px){.nav-btn-three{font-size:.6rem}}@media(min-width:700px){.nav-btn-three{font-size:.7rem}}@media(min-width:1024px){.nav-btn-three{font-size:.8rem}}@media(min-width:1400px){.nav-btn-three{font-size:.8rem}}.nav-btn-one:hover,.nav-btn-three:hover,.nav-btn-two:hover{background-color:#686d9a;color:#fff}.filter-add-habit-container{align-items:center;display:flex;gap:1rem;justify-content:center}@media(max-width:700px){.filter-add-habit-container{display:none}}@media(min-width:700px){.filter-add-habit-container{display:flex}}@media(min-width:1024px){.filter-add-habit-container{display:flex}}@media(min-width:1400px){.filter-add-habit-container{display:flex}}.add-habit-filter{align-items:center;border:1px solid rgba(72,75,106,.204);border-radius:5px;display:flex;gap:.2rem;justify-content:center;padding:.5rem 1rem}@media(max-width:700px){.add-habit-filter{font-size:.6rem}}@media(min-width:700px){.add-habit-filter{font-size:.7rem}}@media(min-width:1024px){.add-habit-filter{font-size:.8rem}}@media(min-width:1400px){.add-habit-filter{font-size:.8rem}}.add-habit-filter>button{background-color:transparent;border:none}.add-habit-filter:hover{background-color:#484b6a;color:#fff;cursor:pointer;transition:.2s ease-in-out}.add-habit-filter>button:hover{color:#fff}@media(max-width:700px){.username{font-size:.7rem}}@media(min-width:700px){.username{font-size:.7rem}}@media(min-width:1024px){.username{font-size:.8rem}}@media(min-width:1400px){.username{font-size:.8rem}}@media(max-width:700px){.switch{font-size:.7rem}}@media(min-width:700px){.switch{font-size:.7rem}}@media(min-width:1024px){.switch{font-size:.8rem}}@media(min-width:1400px){.switch{font-size:.8rem}}@media(max-width:700px){.add-habit-icon{display:none}}@media(min-width:700px){.add-habit-icon{display:block}}@media(min-width:1024px){.add-habit-icon{display:block}}@media(min-width:1400px){.add-habit-icon{display:block}}@media(max-width:700px){.mobile-add-habit-icon,.mobile-menu{display:block}}@media(min-width:700px){.mobile-add-habit-icon{display:none}}@media(min-width:1024px){.mobile-add-habit-icon{display:none}}@media(min-width:1400px){.mobile-add-habit-icon{display:none}}.mobile-menu{align-items:center;display:flex;gap:.5rem}@media(max-width:700px){.mobile-menu{display:flex}}@media(min-width:700px){.mobile-menu{display:none}}@media(min-width:1024px){.mobile-menu{display:none}}@media(min-width:1400px){.mobile-menu{display:none}}.add-habit-filter-mobile{align-items:center;border:1px solid rgba(72,75,106,.204);border-radius:5px;gap:.2rem;padding:.5rem}.add-habit-filter-mobile,form{display:flex;justify-content:center}form{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}form>input{border:1px solid rgba(72,75,106,.157);border-radius:5px;padding:1rem;width:90%}input:focus{outline:none}.form-container>label{color:#484b6a}.login-btn{background-color:#484b6a;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.7rem 3rem;transition:.3s ease-in-out}.login-btn:hover{background-color:#434a92;color:#fff}.login-forgetpassword-btn{align-items:flex-end;display:flex;gap:6rem}.login-page-footer>p{align-items:center;color:#484b6a;display:flex;gap:1rem}.login-page-footer-login-btn:hover{color:#484b6a}
/*# sourceMappingURL=main.c4938263.css.map*/