.navbar-container{background-color:var(--dark-color);box-sizing:border-box;color:#fff;font-family:cursive;padding:20px 10px 20px 40px}.navbar-container .navbar h1{line-height:0}.navbar-container .navbar span{bottom:10px;font-size:13px;position:relative}@media screen and (max-width:700px){.navbar-container{padding:5px 15px;width:100%}}:root{--dark-color:orange}body{background:#f7f7f7;margin:0;padding:0}.container{min-height:100vh;padding-bottom:70px;position:relative}.body-container{margin-top:20px}.body-container .addNotes{display:flex;justify-content:center}.addNotes .add-container{background:#fff;border-radius:7px;box-shadow:0 0 10px gray;padding:10px 10px 60px;position:relative}.addNotes .add-container input{border:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:15px;height:30px;margin-top:10px;outline:none;width:400px}.addNotes .add-container .button{align-items:center;background-color:var(--dark-color);border-radius:100%;bottom:-20px;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:10px;width:40px}.addNotes .add-container .button:hover{background:#e4a32a}.notes-container{background:#fff;margin-top:25px;padding:10px 20px 50px}.notes-container h1{color:var(--dark-color);font-family:Courier New,Courier,monospace;-webkit-text-decoration:underline double;text-decoration:underline double}.notes-container .allNotes{display:flex;flex-wrap:wrap;justify-content:space-between}.notes-container .allNotes .note{background:#fff;border:1px solid #ddd;border-radius:7px;box-shadow:0 0 10px #ddd;box-sizing:border-box;height:150px;margin-top:15px;overflow:hidden;padding:0 15px 10px;width:23%}.notes-container .allNotes .note h2{line-height:.8}@media screen and (max-width:600px){.body-container .addNotes{display:block;margin:0 auto;width:95%}.addNotes .add-container{box-shadow:0 0 5px gray}.addNotes .add-container input{width:95%}.notes-container .allNotes{align-items:center;flex-direction:column}.notes-container .allNotes .note{width:97%}}@media screen and (min-width:600px) and (max-width:800px){.notes-container .allNotes .note{width:48%}}@media screen and (min-width:800px) and (max-width:1000px){.notes-container .allNotes .note{width:32%}}.footer-container{background:var(--dark-color);bottom:0;color:#fff;display:flex;font-family:10px;justify-content:center;left:0;padding:10px 0;position:absolute;right:0}.note-container{background-color:#fff;margin-top:40px;padding:10px 30px 40px}.note-container .note>h1{color:var(--dark-color);-webkit-text-decoration:underline double;text-decoration:underline double}.note-container .note-body{border-radius:5px;box-shadow:0 0 5px gray;padding:10px 20px 20px}.note-container .note-body .exit{font-size:20px;text-align:end}.note-container .note-body .exit a{text-decoration:none}.note-container .note-body h1{line-height:.9;word-break:break-all}.note-container .note-body .date{bottom:6px;color:#6d6d6d;font-size:13px;margin-left:5px;position:relative}.note-container .note-body p{font-weight:300;word-break:break-all}@media screen and (max-width:600px){.note-container{padding:10px}}
/*# sourceMappingURL=main.246c2306.css.map*/