*{font-family:sans-serif}*,body{margin:0;padding:0}body{background-color:#fff;height:100vh;width:100%}.header{background-color:#fff;border-bottom:2px solid;height:10vh;justify-content:space-between;padding:10px 20px;text-align:center}.head01,.header{align-items:center;display:flex}.head01{height:100%;justify-content:left;width:100%}.header .head01 h1{font-size:35px;font-weight:100}.header .head01 h1 span{font-weight:700}.header .head01 h1:hover{cursor:pointer}.head02{height:100%;width:100%}.header .head02 h1{font-size:80px;height:100%}.head03{align-items:center;display:flex;height:100%;justify-content:right;width:100%}.header .logo{width:100px}.header .logo img{cursor:pointer;height:60px;transition:.7s;width:60px}.header .logo img:hover{height:75px;width:75px}.header .login{width:100px}.header .login img{background-color:initial;cursor:pointer;height:65px;transition:.5s;width:65px}.header .login img:hover{height:75px;width:75px}.header .login button{background-color:#fff;border:none;outline:none}.wrapper{background-color:#fff}.crud{align-items:center;display:flex;gap:10px;height:8vh;justify-content:center;text-align:center;width:100%}.crud input[type=text]{background-color:initial;border:none;border-bottom:2px solid #000;color:#000;font-size:25px;height:50px;outline:none;width:30%}.crud select{cursor:pointer;font-size:25px}.crud button,.crud select{background-color:initial;border:1px solid #000;border-radius:5px;height:50px;outline:none}.crud button{background-color:#252424;color:#fff;font-size:20px;font-weight:400;transition:.5s;width:150px}.crud button:hover{cursor:pointer;font-size:25px;font-weight:490;height:60px}input::placeholder{color:#000;font-size:25px}.quotes{background-color:#fff;height:10vh;justify-content:center;width:100%}.quote,.quotes{align-items:center;display:flex;text-align:center}.quote{flex-direction:column;gap:5px;padding:1% 3%}.quote h1{font-size:1.6rem;font-weight:400}.quote h2{font-size:23px;font-weight:600}.toDoWrapper{flex-wrap:nowrap;gap:38px;height:55vh;overflow-x:auto;overflow-y:hidden;padding:10px;position:relative}.toDoColor,.toDoWrapper{align-items:center;display:flex}.toDoColor{border-radius:30px;box-shadow:10px 8px 10px 5px #c6c6c6;cursor:pointer;flex-direction:column;font-weight:600;height:93%;justify-content:space-between;max-width:300px;min-width:300px;opacity:.95;padding:20px;text-align:center;transition:.5s}.toDoColor:hover{max-width:310px;min-width:310px}.toDoColor .toDoBtnEdit button img{height:40px;width:40px}.toDoColor .toDoBtn .specialButton img{height:60px;width:60px}.toDoColor .toDoBtnEdit button img:hover{height:45px;transition:.5s;width:45px}.toDoColor .toDoText,.toDoDone h1{align-items:center;display:flex;height:550px;justify-content:center;overflow:hidden;width:100%}.toDoDone h1{opacity:.6;text-decoration:line-through}.toDoColor .toDoText h1{font-size:40px;font-weight:550;padding:0 10px}.toDoColor .toDoBtn{gap:10px;height:60px;width:80%}.toDoColor .toDoBtn,.toDoColor .toDoBtn button{align-items:center;display:flex;justify-content:center}.toDoColor .toDoBtn button{background-color:initial;border:none;border-radius:10px;cursor:pointer;height:15px;outline:none;width:100px;z-index:10000}.toDoColor .toDoBtn button img{height:50px;width:50px}.toDoColor .toDoBtn button img:hover{height:60px;transition:.5s;width:60px}.footer{background-color:#fff;border-top:1px solid #000;flex-direction:column;height:12vh;padding:0;width:100%}.footer,.footerWrapper{align-items:center;display:flex;justify-content:center}.footerWrapper{gap:30px}.footerWrapper img{cursor:pointer;height:65px;position:relative;width:65px}.footer h1{font-size:25px}.saveToDo{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center;padding:70px 0 0;width:500px}.saveToDoBtns{display:flex;gap:30px}.saveToDoBtns button{font-size:40px}.saveToDo input{background-color:initial;border:none;border-bottom:2px solid #000;display:flex;font-size:30px;height:30px;outline:none;text-align:center;width:200px}.saveToDo button{background-color:initial;border:none;cursor:pointer}.saveToDo button img{height:60px;width:60px}.sign{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}.sign .formContainer .titleContainer h1{font-size:80px}.sign .formContainer{align-items:center;background-color:#ff0;border-radius:30px;box-shadow:8px 8px 22px 10px #0e0202;display:flex;flex-direction:column;height:90vh;justify-content:center;opacity:.91;text-align:center;width:40%}.sign .formContainer .headerContainer{align-items:left;background-color:#fff;background-color:initial;border:none;cursor:pointer;display:flex;height:50px;text-align:left;text-decoration:none;width:90%}.sign .formContainer .headerContainer img{background-color:initial;height:4rem;transition:.5s;width:4rem}.sign .formContainer .headerContainer img:hover{height:5rem;width:5rem}.sign .formContainer form{align-items:center;display:flex;flex-direction:column;gap:50px;height:70%;justify-content:center;width:100%}.sign .formContainer form input{background-color:initial;border:none;border-bottom:2px solid #000;font-size:1.7rem;height:10%;outline:none;width:70%}.sign .submitButton{background:#0000;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:30px;height:50px;transition:.5s;width:300px}.sign .submitButton:hover{background-color:#000;color:#fff;width:350px}.sign .formContainer .links a p{border:none;color:#000;font-size:1.7em;height:10px;outline:none;transition:.5s}.sign .formContainer .links a p:hover{color:blue;font-size:1.8em}.sign .links{align-items:top;border:none;gap:30px;width:100%}.imageContainer,.sign .links{display:flex;justify-content:center}.imageContainer{align-items:center}.habitWindow{flex-direction:column;height:75.1vh;margin:0;padding:0;position:relative;width:100%}.addHabit,.habitWindow{align-items:center;display:flex}.addHabit{font-size:40px;gap:.8rem;height:12vh;text-align:center;width:70vw}.addHabit button{background-color:initial;background-color:#252424;border:1px solid #000;border-radius:5px;color:#fff;font-size:20px;font-weight:400;height:50px;outline:none;transition:.5s;width:150px}.addHabit button:hover{cursor:pointer;font-size:25px;font-weight:490;height:60px}.addHabit select{background-color:initial;border:1px solid #000;border-radius:5px;cursor:pointer;font-size:25px;height:50px;outline:none}.addHabit input[type=text]{border:0;border-bottom:.15rem solid #000;font-size:25px;height:30px;outline:none;padding:5px;width:90%}.habitMockSection{cursor:pointer;height:100%;position:relative;transition:.5s}.habitList,.habitMockSection{align-items:center;display:flex;flex-direction:column;gap:2px;width:100%}.habitList{justify-content:center}.habit{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:3rem;height:12vh;justify-content:space-around;transition:.3s;width:80%}.habit:hover{display:flex;font-size:3.2;gap:30px;height:13vh;width:85%}.habit img{background-color:initial;cursor:pointer;height:5.5vh;transition:.5s;width:5.5vh}.habit img:hover{height:5.8vh;width:5.8vh}.habit .title{font-size:2.9rem;justify-content:center;width:75%}.habit .counter,.habit .title{align-items:center;display:flex;height:100%;text-align:center}.habit .counter{gap:15px;justify-content:left;padding-left:1rem;width:25%}.habit .counter p{font-size:1.2rem;font-weight:700}.habit .buttons{align-items:center;display:flex;gap:30px;height:100%;justify-content:right;padding-right:1rem;width:25%}.habit button{background-color:initial;border:none;cursor:pointer;position:relative;right:1px}.editHabit{gap:1.2rem;height:100%;width:100%}.editHabit,.editHabitBox01,.editHabitBox02{align-items:center;display:flex;justify-content:center}.editHabitBox02{gap:15px;height:100%}.editHabit input[type=text]{background-color:initial;border:none;border-bottom:2px solid #000;font-size:1.6rem;height:50%;outline:none;width:90%}.editHabit select{background-color:initial;border:2px solid #000;border-radius:.4rem;font-size:1.3rem;height:40%;text-align:center;width:100%}.counter input{align-items:center;background-color:#fff;border:none;border-radius:3px;font-size:30px;height:50%;text-align:center;width:40%}.hidden{display:none}.menu{display:flex;flex-direction:column}.menuHeader{align-items:center;display:flex;height:10vh;justify-content:right;width:100%}.menuClose{background-color:initial;border:none;cursor:pointer;margin-right:3rem;margin-top:1.5rem}.menuClose,.menuClose img{height:50px;width:50px}.menuItens{align-items:center;display:flex;flex-direction:column;gap:25px;height:90vh;justify-content:center;text-align:center}.menuItens button{background-color:initial;border:none;cursor:pointer;font-size:5rem;transition:.5s;z-index:10000}.menuItens button:hover{font-size:5.3rem}@media (max-width:992px){*{max-height:100vh;max-width:100%}.header{height:10vh;padding:10px 0}.header .head02 h1{align-items:center;display:flex;font-size:45px;height:100%;justify-content:center;text-align:center}.header .login img{height:35px;width:35px}.quote h1{font-size:1rem}.header .logo img{height:30px;width:30px}.crud select{font-size:13px;height:40px;width:90px}.crud input[type=text]{height:40px;width:45%}#myPlaceholder::placeholder{font-size:15px}.crud button{font-size:13px;height:40px;width:75px}.toDoColor .toDoText h1{font-size:18px}.footer{height:13vh}.footerWrapper img{height:50px;width:50px}.toDoColor{max-width:37%;min-width:37%}.toDoColor,.toDoColor:hover{border-radius:10px;height:80%}.toDoColor:hover{max-width:42%;min-width:42%}.footer h1{font-size:20px}.toDoWrapper{gap:10px;height:41.7vh;padding:1px 10px}.toDoColor .toDoBtn button img{height:25px;width:25px}.quote h2{font-size:18px;font-weight:600}.quote{gap:.7rem;padding:0 5px}.quotes{height:17vh;min-width:100%;padding:5px 0}.saveToDo{gap:20px;height:60px;padding:40px 0}.saveToDo button img{height:35px;width:35px}.saveToDo input{font-size:20px;width:100%}.saveToDoBtns{display:flex;gap:10px}.saveToDoBtns button{font-size:20px}.toDoColor .toDoBtn{align-content:center;display:flex;height:60px;justify-content:center}.toDoColor .toDoBtn button{width:50px}.crud button:hover{font-size:13px;height:50px;width:75px}.quoteLoading{font-size:13px}.crud{height:12vh}.sign .formContainer .titleContainer h1{font-size:50px}.sign .formContainer{border-radius:15px;height:70vh;width:90%}.sign .formContainer form{gap:40px}.sign .formContainer .links a p{font-size:1.2em}.sign .formContainer .links a p:hover{color:blue;font-size:1.3em}#mySecondPlaceholder::placeholder{font-size:20px}.sign form input[type=submit]{font-size:20px;height:40px;width:100px}.sign .formContainer .headerContainer .imageContainer img{background-color:initial;height:35px;transition:.5s;width:35px}.sign .formContainer .headerContainer .imageContainer img:hover{height:33px;width:33px}.header .head01 h1{font-size:1.2rem;font-weight:100;padding:0 5px;text-align:center;width:80px}.sign .formContainer form input{font-size:20px;width:90%}.sign .submitButton{font-size:20px;height:13%;transition:.5s;width:40%}.sign .submitButton:hover{height:14%;width:55%}.toDoColor .toDoBtn button img:hover{height:30px;transition:.5s;width:30px}.sign .links{height:10%}.header .login img:hover,.header .logo img:hover{height:40px;width:40px}.habitWindow{height:72.5vh;width:100%}.menuItens button{font-size:3rem}.menuItens button:hover{font-size:3.5rem}.menuClose img{height:2rem;width:2rem}.menuClose img:hover{height:2.5rem;width:2.5rem}.addHabit{gap:.3rem;height:10vh;width:100%}.addHabit select{font-size:15px;height:31.5px;width:5.5rem}.addHabit input[type=text]{font-size:1.2rem;height:2vh;position:relative;width:50vw}.addHabit button{font-size:1rem;height:5vh;margin:0;width:4rem}.addHabit button:hover{font-size:1rem;height:5.2vh;margin:0;width:4.2rem}.habit{font-size:1.2rem;gap:5px;justify-content:center;width:85%}.habit:hover{font-size:1.1rem;width:95%}.habit .title{font-size:1rem;font-weight:700;overflow:hidden;padding:.1rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.habit .counter p{font-size:.57rem}.habitList{gap:3px}.habit .buttons{align-items:center;display:flex;flex-direction:column;gap:.3rem;height:100%;justify-content:center;padding:0;width:30%}.habit img{height:4vh;width:5vh}.habit img:hover{height:4.5vh;width:5.5vh}.habit .counter{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:30%;padding:0}.counter input{font-size:.7rem;height:15%;width:60%}.editHabit{flex-direction:column;gap:2px}.editHabit input[type=text]::placeholder{font-size:.8rem}.editHabit input[type=text]{font-size:1rem;width:100%}.addHabit input[type=text]::placeholder{font-size:1rem}.editHabit select{align-items:center;background-color:initial;border:2px solid #000;border-radius:.4rem;font-size:.6rem;height:80%;text-align:center;width:80%}.editHabitBox01{height:5rem}.editHabitBox02{width:100%}.toDoColor .toDoBtn .specialButton img{height:2rem;width:2rem}}
/*# sourceMappingURL=main.eda324d0.css.map*/