@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600&display=swap);@-ms-viewport{content:"width=device-width, normal-scale=1.0";content:"width=device-width, initial-scale=1.0"}@viewport{content:"width=device-width, normal-scale=1.0";content:"width=device-width, initial-scale=1.0"}:root{--black:#111;--light-green:#4cd137;--green:#2f974b;--dark-green:#218c74;--dark-blue:#252a48;--darker-blue:#1a1e33;--pink:#f61067;--lavender:#e2cfea;--yellow:#fabb04;--dark-yellow:#c29203;--white:#fbfbfb;--gray:#e2e2e2;--blue:#4285f4;--red:#ea4335;--dark-red:#f7022a}*{box-sizing:border-box}body,html{height:100%}body{font-family:"Poppins",sans-serif;margin:0;background-color:#e2e2e2;background-color:var(--gray)}#root{height:100%}a{text-decoration:none;color:#fff}.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(53,1fr);grid-gap:5px 5px;gap:5px 5px;margin-bottom:15px;max-height:400px;overflow:auto;margin-left:-15px;position:relative}.grid small{color:var(--white);font-size:8px}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.grid-box{border-radius:2px;background-color:var(--white);overflow:hidden;box-shadow:-6px -6px -6px #fff}.grid-box,.grid-box-empty{height:15px;width:15px;display:flex;justify-content:center;align-items:center}.grid-box-empty{background-color:transparent}.active{background-color:var(--green)}.missed{background-color:var(--dark-red)}.fixed{position:-webkit-sticky;position:sticky;top:0;background-color:var(--dark-blue)}.card{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;height:540px;min-width:215px;width:215px;border-radius:8px;box-shadow:5px 5px 10px rgba(0,0,0,.1);border:1px solid grey;margin:10px 20px;position:relative;background:var(--dark-blue)}.card-header{background:var(--yellow);width:100%;text-align:center;margin-bottom:17px;color:var(--black)}.card-header h2{margin:0}.card-header p{background-color:var(--gray);margin-top:1px;margin-bottom:4px;font-size:10px}.card-submit-btn{padding:10px 0;width:80%;outline:none;border:none;border-radius:3px;background-color:var(--green);font-weight:700;color:ivory;box-shadow:5px 5px 10px rgba(0,0,0,.1)}.card-submit-btn:hover{cursor:pointer;background-color:#286d46}#undo-btn{background-color:var(--red)}#undo-btn:hover{background-color:var(--dark-red)}#remove-card{position:absolute;opacity:.8;font-size:5px;top:-12px;right:-2px;width:45px;z-index:1;color:var(--red);box-shadow:none}#remove-card:hover{color:var(--dark-red);cursor:pointer;opacity:1}.delete-card-dialog-container{padding:1rem;border-radius:3px;background-color:#f5f5f5}.delete-card-dialog-container p{font-weight:lighter}.delete-card-dialog-btns-container{display:flex;justify-content:space-between}.delete-card-dialog-btns-container button{border-radius:5px;padding:8px 40px}.delete-card-btn{border:2px solid #b22222;color:#b22222}.delete-card-btn:hover{color:#f5f5f5;cursor:pointer;background-color:#b22222}.cancel-delete-card-btn{border:2px solid #2e8b57;color:#2e8b57}.cancel-delete-card-btn:hover{color:#f5f5f5;cursor:pointer;background-color:#2e8b57}.card-progress-info-container{width:100%;border-top:1px solid hsla(0,0%,50.2%,.7);padding-bottom:.25rem;padding-top:.25rem;display:flex;justify-content:space-evenly;background-color:var(--darker-blue)}.card-progress-info-container section{padding:0 .5rem;color:var(--white)}.card-progress-info-container section:hover{cursor:pointer}.card-progress-info-container section:not(:last-child){padding-right:10%;border-right:1px solid hsla(0,0%,50.2%,.2)}.light-green-text{color:var(--light-green)}.red-text{color:var(--red)}.yellow-text{color:var(--yellow)}form{background-color:var(--dark-blue);height:80%;border-radius:10px;border:1px solid #000;min-width:300px;overflow:hidden;position:relative;color:var(--white)}.form-control,form{display:flex;flex-direction:column}.form-control{padding:0 20px;margin:15px 0}form label{font-weight:700}form h2{color:var(--black);justify-self:flex-start;text-align:center;background-color:var(--yellow);padding:20px 0;margin:0;border-bottom:1px dashed #000}#desc{min-height:100%;padding:5px}.submit-form-btn-div{width:100%;text-align:center;background-color:var(--green);position:absolute;color:#fff;bottom:0}.submit-form-btn-div button{margin:0;padding:20px 0;width:100%;height:100%;color:#fff}.submit-form-btn-div button:hover{cursor:pointer;background-color:rgba(0,255,128,.3)}#disabled-btn,#disabled-btn:hover{background-color:#708090}#disabled-btn:hover{cursor:not-allowed}.welcome-container{margin:auto;height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.welcome-container a{color:var(--blue)}.welcome-container a:hover{color:var(--dark-blue)}.carousel{height:100%;display:flex;justify-content:space-between;padding:0 10px}.rec-carousel,.rec-slider,.rec-swipable{min-height:100%}.rec-item-wrapper{height:100%}.rec-dot_active{background-color:var(--dark-blue)!important;box-shadow:0 0 1px 2px var(--dark-blue)!important;color:var(--green)!important}.welcome-page{display:flex;justify-content:center;flex-direction:column}@media screen and (min-width:700px){.welcome-page{max-width:65%}}.welcome-container h2{color:var(--dark-blue)}.welcome-container strong{color:var(--green)}.welcome-container small{font-weight:lighter}.welcome-img{max-width:300px;align-items:center;margin-left:auto;margin-right:auto}.get-started-btn-container,.welcome-img{display:flex;justify-content:center}.welcome-page a{color:var(--blue)}.welcome-page button{width:75%;max-width:300px;background-color:var(--green);color:var(--white);padding:18px 0;border-radius:5px}.welcome-page button:hover{cursor:pointer;background-color:var(--dark-green)}main{min-height:80vh;max-height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;padding-bottom:2.5rem}main img{display:flex;max-width:250px;margin-left:auto;margin-right:auto}button{background:transparent;outline:none;border:none;color:#2e8b57;margin:15px 0}.dashboard-container{position:relative}.add-new-habit-btn:hover{cursor:pointer;color:#21643e}.habit-cards-container{max-width:765px;display:flex;overflow:hidden;scroll-behavior:smooth}.habit-cards-container:after{content:"";border-left:.01px solid transparent}@media screen and (max-width:900px){.habit-cards-container{max-width:510px}}@media screen and (max-width:600px){.habit-cards-container{max-width:255px}#scroll-left-btn,#scroll-right-btn{padding:0}}#scroll-left-btn,#scroll-right-btn{height:15rem;background-color:hsla(0,0%,50.2%,.1);color:#000}#scroll-left-btn:hover,#scroll-right-btn:hover{cursor:pointer;background-color:hsla(0,0%,50.2%,.3)}#scroll-left-btn:disabled,#scroll-right-btn:disabled{display:none}.add-new-card-container{position:absolute;bottom:0;right:0}.no-habits-msg-container strong{color:var(--green)}.cards-status-dots-container{display:flex;justify-content:center;padding-top:1rem;padding-bottom:.5rem;border-bottom:1px solid #d3d3d3}.card-status-dot-not-done{color:var(--dark-red)}.card-status-dot-done,.card-status-dot-not-done{margin-left:5px;border-radius:50%;border:1px solid #d3d3d3;background-color:var(--white)}.card-status-dot-done{color:var(--green)}.skeleton-container *{margin:2px}.sign-up-container{max-width:300px}.sign-up-container form,input{border:1px solid hsla(0,0%,50.2%,.568);min-height:30px}.sign-up-container input{padding:0 5px}.sign-up-container button{background-color:var(--blue);color:#fff;padding:15px 0;border-radius:3px;margin:0}.sign-up-container button:hover{cursor:pointer;background-color:#3553ad}.sign-up-container button:disabled{cursor:wait;background-color:grey}.form-control button a{color:var(--white)}.sign-up-container a{color:#87cefa}.sign-up-container a:hover{color:var(--blue)}.text-center{text-align:center}.sign-in-img{position:absolute;bottom:0;left:0;max-width:60%}@media screen and (min-width:400px){.sign-in-img{max-width:40%;left:0;bottom:0}}.profile-container h3{color:var(--white)}.profile-container{height:40rem;display:flex;align-items:center}.profile-container form{display:flex;flex-direction:column;justify-content:space-between}.update-profile-btn{padding:.7rem 0;border-radius:3px;background-color:var(--yellow)}.update-profile-btn a{color:var(--black)}.update-profile-btn a:hover{color:var(--white)}.update-profile-btn:hover{cursor:pointer;background-color:var(--dark-green)}nav{padding:0 10px;justify-content:space-between;width:100%;background-color:var(--blue)}nav,nav h2{display:flex;align-items:center}nav h2{color:#f5f5f5}nav button{background-color:transparent;color:var(--white);padding:5px;border-radius:5px;font-weight:700}nav button:hover{cursor:pointer;background-color:#4169e1;color:#fff}.nav-icon-container button{margin-left:5px}.user-live-dot-container{position:relative}.user-live-dot{border-radius:50%;position:absolute;bottom:0;right:-5px}.user-live-dot-off{color:var(--dark-red)}.user-live-dot-on{color:var(--light-green)}.footer{width:100%;bottom:0;display:flex;justify-content:center;align-items:center;border-top:1px solid #d3d3d3}@media screen and (min-height:700px){.footer{position:fixed}}.footer section{color:grey;padding:0 3rem}.footer section a{color:grey}.credits-container h1,.footer section a:hover,a,h2,h3{color:var(--dark-blue)}.credits-container{padding:0 1.5rem}.credits-container a:hover{color:var(--blue)}
/*# sourceMappingURL=main.00af42da.chunk.css.map */