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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#fab8d5;background:linear-gradient(7deg,#fab8d5,#6baaf4)}.App,.DarkMode{display:flex;flex-direction:column;height:auto;min-height:100vh;padding:0 15px;text-align:center}.DarkMode{background-color:rgba(0,0,0,.9)}.Buttons{align-items:flex-start;display:flex;justify-content:flex-end;margin:auto}button{background-color:#fab8d5;border:none;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;margin:15px;min-width:85px;padding:10px}.ButtonNote{margin-right:0}.DarkMode button{background-color:#b4869a}button:active{-webkit-transform:scale(.95);transform:scale(.95)}button:hover{color:#f0f8ff}.DarkMode .ButtonNote{background-color:rgba(107,170,244,.5)}.Header{display:flex;flex-direction:column}.HeaderTitle{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.App .HeaderTitle h1{color:#f0f8ff;font-size:50px;margin:auto auto auto 31px}.DarkMode .HeaderTitle h1{color:#cdd7e0;font-size:50px;margin:auto auto auto 31px}.HeaderBody{justify-content:space-between}.Header .Search,.HeaderBody{align-items:center;display:flex}.Header .Search{align-self:center;background-color:rgba(0,0,0,.3);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);margin:auto;min-width:50%;padding:10px;width:85%}.DarkMode .Header .Search{background-color:#222}.Header .Search input{background-color:transparent;border:none;color:#f0f8ff;font-size:18px;width:100%}.DarkMode .Header .Search input{background-color:transparent;color:#cdd7e0}.Header .Search input::-webkit-input-placeholder{color:#f0f8ff;font-size:18px}.Header .Search input:-ms-input-placeholder{color:#f0f8ff;font-size:18px}.Header .Search input::placeholder{color:#f0f8ff;font-size:18px}.DarkMode .Search input::-webkit-input-placeholder{color:#cdd7e0}.DarkMode .Search input:-ms-input-placeholder{color:#cdd7e0}.DarkMode .Search input::placeholder{color:#cdd7e0}.Header .Search input:focus{outline:none}.LightButton{color:#cdd7e0}.LightButton .Icon:hover{color:inherit}.DarkButton,.DarkButton .Icon{color:#000}.DarkButton:hover{color:rgba(0,0,0,.5)}.DarkMoodToggler{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;min-width:40px;position:absolute;right:-8px;top:-8px;width:40px}.DarkModeIcon{color:#f0f8ff}.ButtonNote{background-color:#6baaf4}@media (max-width:720px){.HeaderBody{align-items:center;flex-direction:column;justify-content:center}}.Note{background-color:#f0f8ff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);font-family:Poppins,sans-serif;height:400px;justify-self:center;width:300px}.DarkMode .Note{background-color:#222;color:#cdd7e0}textarea{background-color:#f0f8ff;border:none;font-family:inherit;font-size:inherit;resize:none;text-overflow:ellipsis}.DarkMode textarea{background-color:#222;color:#cdd7e0}textarea:focus{outline:none}textarea:-ms-input-placeholder{font-family:Poppins,sans-serif;font-size:16px}textarea:placeholder-shown{font-family:Poppins,sans-serif;font-size:16px}.DarkMode textarea::-webkit-input-placeholder{color:#cdd7e0}.DarkMode textarea:-ms-input-placeholder{color:#cdd7e0}.DarkMode textarea::placeholder{color:#cdd7e0}.Note .NoteHeader{align-items:center;background-color:#6baaf4;display:flex;height:30px;justify-content:space-between;padding:15px;text-align:left}.DarkMode .Note .NoteHeader{background-color:#415d7e}.Note .NoteHeader textarea{background-color:#6baaf4;font-size:18.72px}.DarkMode .Note .NoteHeader textarea{background-color:#415d7e}.Note .NoteHeader h3{color:#000;font-weight:500;margin:0;opacity:.8;padding:0}.DarkMode .NoteHeader h3{color:#cdd7e0;font-weight:400}.Note .NoteHeader .Icons .Icon{padding-left:8px}.Icon:active{-webkit-transform:scale(.95);transform:scale(.95)}.Icon:hover{color:rgba(0,0,0,.5)}.Note .NoteBody{margin:0 16px;max-height:300px;overflow:hidden;text-align:justify}.Note .NoteBody p{word-wrap:break-word;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:300px;text-overflow:ellipsis}.Note .NoteBody textarea{margin:16px 0 0;text-align:justify}.Note .NoteFooter{align-items:center;display:flex;justify-content:center;margin:0 15px}.Note .NoteFooter button{margin:0}.NewNoteBg{background-color:rgba(0,0,0,.7);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1}.NewNote{margin:150px auto;overflow-x:hidden;position:relative;z-index:2}.Grid-container{grid-column-gap:10px;grid-row-gap:20px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);margin:15px auto;row-gap:20px}@media screen and (max-width:730px){.Grid-container{grid-template-columns:repeat(1,1fr)}}@media (min-width:731px) and (max-width:1000px){.Grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1001px) and (max-width:1300px){.Grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:2000px){.Grid-container{grid-template-columns:repeat(5,1fr)}}.Todo{background-color:#f0f8ff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);font-family:Poppins,sans-serif;height:400px;justify-self:center;width:300px}.DarkMode .Todo{background-color:#222;color:#cdd7e0}.Todo .TodoHeader{align-items:center;background-color:#fab8d5;display:flex;height:30px;justify-content:space-between;padding:15px;text-align:left}.DarkMode .Todo .TodoHeader{background-color:#b4869a}.Todo .TodoHeader h3{color:#000;font-weight:500;margin:0;opacity:.8;padding:0}.DarkMode .TodoHeader h3{color:#cdd7e0;font-weight:400}.Icon{color:#f0f8ff;cursor:pointer;font-size:20px}.DarkMode .Icon{color:#cdd7e0}.Todo .TodoHeader .Icons .Icon{padding-left:8px}.Edit:active,.Icon:active{-webkit-transform:scale(.95);transform:scale(.95)}.Edit:hover,.Icon:hover{color:rgba(0,0,0,.5);cursor:pointer}.IconTask{display:none}.Edit{color:#cdd7e0;display:inline-block;margin-left:10px}.Todo .TodoHeader textarea{background-color:transparent}.Todo .TodoBody{word-wrap:break-word;margin:16px;max-height:300px;overflow:auto;text-align:justify}.Todo input{color:#000}.DarkMode .Todo input,.Todo input{background-color:transparent;border:none;font-size:18px}.DarkMode .Todo input{color:#cdd7e0}.Todo input:focus{outline:none}.Todo .TodoFooter{margin:0 15px;position:relative}.Todo .TodoFooter button{margin:0}button .Close{cursor:pointer}.NewTodoBg{background-color:rgba(0,0,0,.7);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1}.NewTodo{height:450px;margin:150px auto;position:relative;width:330px;z-index:2}.ToDoCheckBox{margin-top:3px}.Checked{opacity:70%;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}
/*# sourceMappingURL=main.f62b0c3b.css.map*/