@font-face{font-family:myFont;src:url(../media/Manrope-s.p.69ac461a.ttf)format("truetype");font-display:swap}@font-face{font-family:myFont Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.myfont_ef1bc852-module__C1B14a__className{font-family:myFont,myFont Fallback}
*{margin:0;padding:0}body{background-color:#eae0c8;flex-direction:column;justify-content:flex-start;align-items:center;gap:114px;font-family:Manrope,serif;display:flex}header{background:#593b3b;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-top:20px;display:flex;box-shadow:0 8px 15px #00000040}header h1{color:#eae0c8;letter-spacing:15px;text-align:center;padding-top:20px;padding-bottom:20px;padding-left:30px;font-size:64px;font-weight:600;line-height:100%}.pins{background:repeating-linear-gradient(90deg,#0000 0 30px,#d9d9d9 20px 61px);width:100%;height:30px}.about{color:#eae0c8;letter-spacing:5px;text-align:center;background-color:#795151;border-radius:15px;width:85%;padding:20px;font-size:12px;box-shadow:0 0 15px 8px #00000040}.repository{width:100%;padding:40px;transition:all .3s;scale:1}.repository:hover{cursor:pointer;width:100%;font-size:24px;scale:1.2}.input-container{background-color:#77564d;border-radius:30px;justify-content:center;align-items:center;width:90%;padding:25px;font-family:Manrope,serif}.input__checkbox-container{background-color:#eae0c8;border-radius:50px;width:90px;height:90px;padding:25px;position:relative;box-shadow:inset 0 4px 15px #00000040}#input__checkbox{text-align:center;cursor:pointer;place-content:center;width:40px;height:40px;transition:all .3s;position:relative;top:25px;left:25px}#input__checkbox:hover{width:60px;height:60px;top:15px;left:15px}.input__checkbox-hidden{opacity:0;transition:all .3s;transform:scale(.8)}.input__general{box-sizing:border-box;background-color:#ebdcb8;border-radius:50px;align-items:center;gap:16px;width:100%;padding:15px 20px;display:flex}#input__noteName{color:#eae0c8;cursor:text;background-color:#caba93;border:#0000;border-radius:36px;flex:1;min-width:0;height:4rem;padding:0 24px;font-size:56px}#input__noteName::placeholder{color:#eae0c8;opacity:.8}#input__noteName:active,:hover,:focus{outline-offset:0;outline:0}.note__date{color:#eae0c8cc;margin-top:-10px;margin-bottom:10px;font-size:18px;font-style:italic}#input_addTodo{cursor:pointer;flex-shrink:0;width:60px;height:60px;transition:all .3s ease-in-out}#input_addTodo:hover{width:80px;height:80px}.notes-list{flex-direction:column;gap:10px;width:90%;display:flex}.notes-list button{color:#eae0c8;cursor:pointer;text-align:left;background-color:#77564d;border:none;border-radius:10px;padding:10px;font-size:24px}.notes-list button.done{text-decoration:line-through}.todo-container{background-color:#77564d;border-radius:30px;flex-direction:column;align-items:flex-start;gap:10px;width:95%;padding:15px;display:flex;box-shadow:0 4px 20px #000}.note__name{color:#eae0c8;font-size:32px;font-weight:700}.checkbox-container{background-color:#eae0c8;border-radius:50px;width:90px;height:90px;position:relative;box-shadow:inset 0 4px 15px #00000040}#note__checkbox{cursor:pointer;width:40px;height:40px;transition:all .3s;position:absolute;top:25px;left:25px}#note__checkbox:hover{width:60px;height:60px;top:15px;left:15px}.checkbox-hidden{opacity:0;transition:all .3s;transform:scale(.8)}#notesField{box-sizing:border-box;resize:none;color:#eae0c8;overflow-wrap:break-word;cursor:text;background:#ac9e8b;border:none;border-radius:25px;width:100%;min-height:64px;padding:15px 20px;font-size:28px;line-height:1.4}#notesField::placeholder{color:#eae0c8}#notesField:empty:before{content:attr(placeholder);color:#666;opacity:.7}#delete_note{color:#eae0c8;cursor:pointer;background-color:#593b3b;border:none;border-radius:20px;align-self:flex-end;padding:5px 10px;font-size:24px;transition:all .3s}#delete_note:hover{padding:10px 20px}
.NoteComponent-module__kryBwG__container{width:100%;max-width:1200px;padding:0 20px}.NoteComponent-module__kryBwG__inputContainer{background-color:#77564d;border-radius:30px;justify-content:center;align-items:center;width:90%;margin:0 auto 40px;padding:25px;font-family:Manrope,serif}.NoteComponent-module__kryBwG__inputGeneral{box-sizing:border-box;background-color:#ebdcb8;border-radius:50px;align-items:center;gap:16px;width:100%;padding:15px 20px;display:flex}.NoteComponent-module__kryBwG__inputCheckboxContainer{background-color:#eae0c8;border-radius:50px;width:90px;height:90px;padding:25px;position:relative;box-shadow:inset 0 4px 15px #00000040}.NoteComponent-module__kryBwG__inputCheckbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:#593b3b;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;transition:all .3s;display:flex;position:relative;top:25px;left:25px}.NoteComponent-module__kryBwG__inputCheckbox:hover{width:60px;height:60px;top:15px;left:15px}.NoteComponent-module__kryBwG__inputCheckboxHidden{opacity:0;transition:all .3s;transform:scale(.8)}.NoteComponent-module__kryBwG__inputNoteName{color:#eae0c8;cursor:text;background-color:#caba93;border:#0000;border-radius:36px;flex:1;min-width:0;height:4rem;padding:0 24px;font-family:inherit;font-size:56px}.NoteComponent-module__kryBwG__inputNoteName::placeholder{color:#eae0c8;opacity:.8}.NoteComponent-module__kryBwG__inputNoteName:active,.NoteComponent-module__kryBwG__inputNoteName:hover,.NoteComponent-module__kryBwG__inputNoteName:focus{outline-offset:0;outline:0}.NoteComponent-module__kryBwG__inputAddTodo{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:60px;height:60px;padding:0;transition:all .3s ease-in-out}.NoteComponent-module__kryBwG__inputAddTodo:hover{width:80px;height:80px}.NoteComponent-module__kryBwG__notesListContainer{flex-direction:column;gap:10px;width:90%;margin:0 auto 40px;display:flex}.NoteComponent-module__kryBwG__noteButton{color:#eae0c8;cursor:pointer;text-align:left;background-color:#77564d;border:none;border-radius:15px;padding:15px 20px;font-family:inherit;font-size:24px;transition:all .3s}.NoteComponent-module__kryBwG__noteButton:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.NoteComponent-module__kryBwG__noteButton.NoteComponent-module__kryBwG__done{opacity:.7;text-decoration:line-through}.NoteComponent-module__kryBwG__todoContainer{background-color:#77564d;border-radius:30px;flex-direction:column;align-items:flex-start;gap:15px;width:95%;margin:0 auto;padding:25px;display:flex;box-shadow:0 4px 20px #00000080}.NoteComponent-module__kryBwG__noteHeader{align-items:center;gap:20px;width:100%;display:flex}.NoteComponent-module__kryBwG__noteName{color:#eae0c8;flex:1;font-size:32px;font-weight:700}.NoteComponent-module__kryBwG__checkboxContainer{background-color:#eae0c8;border-radius:50px;width:90px;height:90px;position:relative;box-shadow:inset 0 4px 15px #00000040}.NoteComponent-module__kryBwG__checkbox{cursor:pointer;color:#593b3b;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;transition:all .3s;display:flex;position:absolute;top:25px;left:25px}.NoteComponent-module__kryBwG__checkbox:hover{width:60px;height:60px;top:15px;left:15px}.NoteComponent-module__kryBwG__checkboxHidden{opacity:0;pointer-events:none;transform:scale(.8)}.NoteComponent-module__kryBwG__noteDate{color:#eae0c8cc;margin-top:-5px;margin-bottom:10px;font-size:18px;font-style:italic}.NoteComponent-module__kryBwG__notesField{box-sizing:border-box;resize:vertical;color:#eae0c8;overflow-wrap:break-word;cursor:text;background:#ac9e8b;border:none;border-radius:25px;width:100%;min-height:64px;margin-bottom:20px;padding:20px;font-family:inherit;font-size:28px;line-height:1.4}.NoteComponent-module__kryBwG__notesField::placeholder{color:#eae0c8b3}.NoteComponent-module__kryBwG__notesField:focus{outline:none;box-shadow:0 0 0 2px #593b3b4d}.NoteComponent-module__kryBwG__deleteNote{color:#eae0c8;cursor:pointer;background-color:#593b3b;border:none;border-radius:25px;align-self:flex-end;padding:12px 24px;font-family:inherit;font-size:24px;font-weight:700;transition:all .3s}.NoteComponent-module__kryBwG__deleteNote:hover{background-color:#4a2f2f;padding:15px 30px}.NoteComponent-module__kryBwG__noNotes{text-align:center;color:#77564d;background-color:#ffffff1a;border-radius:20px;width:100%;padding:40px;font-size:24px}