*{box-sizing:border-box;margin:0;padding:0}body{background-color:#202124}body,input,textarea{color:#fff;font-family:Inter,sans-serif}input,textarea{background-color:transparent;border:1px solid #aaa;border-radius:4px;margin:12px 0;padding:12px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa;font-weight:700}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa;font-weight:700}input::placeholder,textarea::placeholder{color:#aaa;font-weight:700}.note-app__header{align-items:center;border-bottom:1px solid #aaa;display:flex;justify-content:center;padding:4px 16px}.note-app__header h1{color:#fff;flex:1 1;margin:8px 0}.note-app__body{margin:16px auto;max-width:1000px}.note-app__body h1{margin:0 0 20px;text-align:left}.note-app__body h2{font-weight:400;margin:16px 0;text-align:left}.note-input{margin:0 auto 48px;max-width:500px}.note-input input,.note-input textarea{display:block;width:100%}.note-input__title{font-weight:700}.note-input__title__char-limit{color:#aaa;font-size:14px;text-align:right}.note-input__body{min-height:175px}.note-input button{background-color:transparent;border:1px solid #aaa;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:Inter,sans-serif;font-weight:700;padding:8px;width:100%}.notes-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;grid-template-rows:minmax(-webkit-min-content,-webkit-max-content);grid-template-rows:minmax(min-content,max-content);margin-bottom:48px}.notes-list__empty-message{color:#aaa;text-align:center}.note-item{border-radius:4px;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);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px}.note-item h3,.note-item p{word-wrap:break-word}.note-item__content{flex:1 1;padding:12px}.note-item__title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item__date{color:#aaa;font-size:12px;margin-bottom:8px}.note-item__body{font-size:14px}.note-item__action{display:flex}.note-item__archive-button,.note-item__delete-button{background-color:transparent;border:0;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);box-sizing:border-box;cursor:pointer;display:block;font-family:Inter,sans-serif;font-weight:700;padding:8px 0;width:100%}.note-item__delete-button{color:#ff5f52}.note-item__archive-button{color:#fff263}.note-item__archive-button:hover{color:#c49000}.note-item__delete-button:hover{color:#b00020}.form-group{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);box-sizing:border-box;margin:0 0 30px;max-width:100vw;padding:25px}.form h1{text-align:center}.form input{width:100%}.form button{border-color:transparent;border-radius:20px;padding:10px;transition:1s;width:100%}.form button:hover{background-color:#000;color:#fff;cursor:pointer}@media only screen and (min-width:500px){.notes-list{grid-template-columns:1fr 1fr}}@media only screen and (min-width:800px){.notes-list{grid-template-columns:repeat(3,1fr)}.note-search input{min-width:400px}.notes-list{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.de82fc63.css.map*/