@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);*{box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont;margin:0;padding:0}.dark-mode{background-color:#000;min-height:100vh}.dark-mode .icon,.dark-mode h1{color:#fff}.dark-mode .input-container{align-items:center;border:1px solid #fff;border-radius:.85rem;display:flex;justify-content:space-between;padding-left:7px;width:380px}.dark-mode .input-container input{background-color:#000;color:#fff}.darkmode .icon:hover{color:#000}.dark-mode .input-container .search-toggled{transition:none}.dark-mode .input-container .search-toggled:hover{background:none;border:none;-webkit-transform:scale(1);transform:scale(1)}.Navbar{align-items:center;display:flex;justify-content:space-between;padding:3px}.Navbar h1{font-weight:800}.nav{align-items:center;display:flex;gap:30px;justify-content:space-between}.icon{border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:2rem;height:40px;padding:3px;transition:.2s ease;width:40px}.icon:hover{background:#d3d3d3;border:2px solid #d3d3d3;font-size:2rem}.input-container{align-items:center;border:1px solid #000;border-radius:.85rem;display:flex;justify-content:space-between;padding-left:7px;width:380px}.input-container input{border:none;font-size:1.25rem;height:100%;outline:none;width:90%}.search-toggled{cursor:pointer;font-size:2rem}@media screen and (max-width:431px){.input-container{background-color:#fff;margin:6px 3px 0 0;position:absolute;right:0;top:0;width:230px}.search-input{background-color:initial;width:150px}.dark-mode .input-container{background-color:#000;margin:6px 3px 0 0;position:absolute;right:0;top:0;width:190px}.dark-mode .search-input{background-color:initial;width:120px}}@media screen and (max-width:376px){.input-container{width:185px}}.Palettes{background:#fff;border:1px solid #000;border-radius:6px;margin-right:10px;position:absolute;right:0;width:200px}.option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:3px 0}.option:hover{background-color:#dcdcdc}.color-preview{align-items:center;display:flex;justify-content:space-around;width:50%}.option-text{font-weight:700;margin-right:6px;width:30%}.Note{border:1px solid #000;border-radius:.7rem;color:#fff;flex-direction:column;height:300px;padding:8px;width:350px}.Note,.note-header{display:flex;justify-content:space-between}.note-header{align-items:center}.close,.color,.delete{cursor:pointer;font-size:1.5rem;transition:.15s ease}.close{color:#000}.delete:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.note-body{height:250px}.note-footer{height:32px;justify-content:space-between}.note-footer,.options{align-items:center;display:flex}.options{gap:8px}.date{font-size:.9rem;margin-left:3px}.color-choice{align-items:center;background:#fff;border:1px solid transparent;border-bottom-left-radius:10px;border-bottom-right-radius:3px;border-top-left-radius:10px;border-top-right-radius:3px;display:flex;justify-content:space-between;padding:0 5px;width:130px}.choice-btn{border:1px solid transparent;border-radius:50%;cursor:pointer;height:20px;outline:none;width:20px}.pink{background-color:#88615d}.green{background:#123321}.claret{background:#331512}.scaleup{transition:.2s ease}.scaleup:hover{-webkit-transform:scale(1.12);transform:scale(1.12)}.NoteList{flex-wrap:wrap;justify-content:center;margin-top:10px;padding:10px;width:100%}.NoteList,.form{display:flex;gap:20px}.form{flex-direction:column;padding:8px;width:400px}.form input{border:none;border-bottom:1px solid #000;font-size:1.2rem;outline:none;padding:3px;width:300px}.form textarea{font-size:.9rem;padding:5px;width:300px}.form button{width:300px}.AddNote{background-color:#123321;border:1px solid #123321;border-radius:.7rem;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:space-between;padding:8px;width:350px}.AddNote textarea{background-color:initial;border:none;color:#fff;font-size:1rem;outline:none;resize:none}.AddNote textarea::-webkit-input-placeholder{color:grey}.AddNote textarea::placeholder{color:grey}.AddNote .note-footer{align-items:center;display:flex;gap:8px;height:32px;justify-content:flex-end}.add{color:#fff;cursor:pointer;font-size:1.5rem;transition:.15s ease}
/*# sourceMappingURL=main.c0f3fc70.css.map*/