@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Numans&family=Open+Sans:wght@400;600&family=Poppins:wght@300&family=Quicksand:wght@500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;font-family:Numans,sans-serif;font-family:Open Sans,sans-serif;font-family:Poppins,sans-serif;font-family:Quicksand,sans-serif}.App{background-color:#222;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);height:100vh;margin:auto;max-width:800px;overflow-x:hidden}.Header{align-items:center;color:#fff;display:flex;min-height:60px;width:100%}.Header .title{font-size:2.5rem;font-weight:400}.Header h2{margin-left:10px}.Nav{align-items:center;display:flex;height:150px;justify-content:space-between}.NavForm input{background:none;border:2px solid #fff;border-radius:8px;color:#f5f5f5;font-size:1rem;font-weight:700;margin-right:10px;outline:none;padding:10px;width:17rem}.NavForm input::-webkit-input-placeholder{opacity:.7}.NavForm input::placeholder{opacity:.7}.Nav ul{display:flex;gap:2rem;list-style:none}.Nav li{transition:.1s ease-in-out}.Nav li a{background-color:#333;border-radius:8px;color:#f5f5f5;font-weight:700;margin-left:10px;padding:10px 20px;text-decoration:none}.Nav li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:678px){.Nav{align-items:flex-start;flex-direction:column-reverse;gap:10px;justify-content:space-evenly;max-width:100%}.Nav li a{padding:10px}.NavForm input{margin-left:10px;width:15rem}}.Note{border:2px solid #999;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:10px;margin:10px;padding:20px}.Footer{background-color:#333;height:100px}.Footer,.Missing{align-items:center;color:#fff;display:flex;justify-content:center}.Missing{gap:20px;min-height:58vh}.Missing,.NewNote{flex-direction:column;width:100%}.NewNote{display:flex;justify-content:center;min-height:70vh;overflow-y:auto}.NewNote h1{color:#f5f5f5;font-size:2.5rem;padding-left:1rem}.NewNoteForm{display:flex;flex-direction:column;gap:20px;height:100%;margin:auto;width:50%}.NewNoteForm input[type=text],.NewNoteForm textarea{background:none;border:2px solid #f5f5f5;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;margin-right:.25rem;min-height:48px;outline:none;padding:.25rem .25rem .25rem 20px;width:100%}.NewNoteForm textarea{border:2px solid #f5f5f5;border-radius:10px;font-weight:700;height:100px;outline:none;resize:none}.NewNoteForm button{background:#fff;border:2px solid #fff;border-radius:10px;color:#000;font-size:1.2rem;font-weight:700;outline:none;padding:15px;transition:.5s ease}.NewNoteForm label{color:#f5f5f5;font-weight:700}.NewNoteForm button:hover{background-color:#000;color:#fff;cursor:pointer}@media(max-width:678px){.NewNoteForm{width:90%}}.Note a{color:#fff;text-decoration:none}.NotePage{border-top:2px solid #999;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;min-height:60vh;padding-left:6rem;padding-top:3rem;width:100%}.Buttons{display:flex;gap:10px}.NotePage button{border:none;border-radius:8px;font-size:1.1rem;font-weight:700;outline:none;padding:10px 0;width:7rem}.Delete{background-color:red;color:#fff;transition:.5s ease}.Delete:hover{background-color:#cb5454}.Edit{background-color:#43437d;color:#fff;transition:.5s ease}.Edit:hover{background-color:#5c5c89}.Body{margin:auto;min-height:70vh;overflow-y:auto;width:25rem}.Body h3{color:#fff}.Missing{margin:auto;width:25rem}.About{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:flex-start;min-height:60vh;padding:30px;width:100%}.aboutHeading{color:#fff;text-decoration:underline;text-underline-offset:1rem}.para{display:flex;flex-direction:column;gap:20px}.para p{color:#e6e4e4;font-weight:700}.para h2{color:#fff}@media(max-width:678px){.Footer{padding:20px;text-align:center}}
/*# sourceMappingURL=main.ffc6c2d2.css.map*/