*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,button,input,textarea{font-family:Barlow,sans-serif}h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif}:root{--note-border-color:#ffa502;--heading-color:#1d1d1d;--count-color:#ee5253;--text-area-border:#2f3542;--text-area-border-focus:#54a0ff}.notes-app{padding:25px 30px}.notes-app__heading{color:#1d1d1d;color:var(--heading-color);font-size:55px;margin-bottom:10px}.notes__message{color:#ced6e0;font-size:18px}.add-note{margin-bottom:50px}.add-note-wrapper{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;width:250px}.add-note__area{border:3px solid #2f3542;border:3px solid var(--text-area-border);border-radius:5px;display:block;font-size:18px;font-size:16px;height:250px;margin-bottom:20px;padding:15px;resize:none;transition:all .5s;width:250px}.add-note__area:focus{border:3px solid #54a0ff;border:3px solid var(--text-area-border-focus);outline:none}.add-note__btn{background-color:#dfe4ea;border:none;border-radius:20px;font-size:18px;font-weight:500;padding:8px 16px;transition:all .5s}.add-note__btn:hover{background-color:#ced6e0}.add-note__count{font-size:18px}.add-note__count.red{color:#ee5253;color:var(--count-color)}.note{border:3px solid #ffa502;border:3px solid var(--note-border-color);border-radius:5px;overflow-wrap:break-word;padding:25px;position:relative}.note-wrapper{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:0 25px 25px;position:absolute;width:100%}.note__delete{color:#95a5a6;font-size:20px;transition:all .5s}.note__delete:hover{color:#ee5253}.notes{grid-gap:15px;display:grid;gap:15px;grid-auto-rows:250px;grid-template-columns:repeat(auto-fit,250px);max-width:1500px}.search{margin-bottom:40px}.search-form{align-items:center;background-color:#f5f6fa;border:none;border-radius:50px;display:flex;font-size:16px;max-width:650px;padding:10px 15px}.search__field{background-color:transparent;border:none;flex-basis:100%;font-size:18px}.search__field:focus{outline:none}.search__btn{background:none;border:none;color:#2f3542;color:var(--text-area-border);font-size:40px;margin-right:10px}.search__clear{color:#dcdde1;font-size:35px;transition:all .5s}.search__clear:hover{color:#d1d2d4}
/*# sourceMappingURL=main.c804d649.css.map*/