body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--shadowLigt:1px 1px 16px 1px rgba(34,60,80,.2);--color-yellow:#fbf792;--color-gray:#c6c6c6}*{box-sizing:border-box;font-family:Roboto,Arial,sans-serif;font-weight:400;margin:0;padding:0}.body-container{display:flex;flex-direction:column;height:100%;padding:50px 10%;position:relative}.main-container{flex-grow:1}.section-container{border-radius:10px;box-shadow:1px 1px 16px 1px rgba(34,60,80,.2);box-shadow:var(--shadowLigt);display:flex;flex-direction:column;margin-bottom:30px;padding:60px 40px;transition:box-shadow .2s ease-out}.title-h1{margin-bottom:30px}.form{margin:0 auto;width:50%}.form-fieldset{border:none;display:flex;flex-direction:column;gap:10px;margin:0 auto 20px;padding:0;position:relative}.form-input{border:1px solid #000;border-radius:4px;padding:10px;width:100%}.form-input-invalid{-webkit-animation:shake .7s cubic-bezier(.36,.07,.19,.97) both;animation:shake .7s cubic-bezier(.36,.07,.19,.97) both;border:1px solid tomato}.textarea{resize:none}.form-btn{background-color:#fff;border:1px solid #000;border-radius:4px;box-shadow:1px 1px 16px 1px rgba(34,60,80,.2);box-shadow:var(--shadowLigt);cursor:pointer;display:block;font-size:15px;margin:0 auto;padding:6px 12px;width:200px}.notes-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;list-style:none;overflow:hidden}.notes-item{position:relative}.note-container{background-color:#fbf792;background-color:var(--color-yellow);border-radius:4px;box-shadow:1px 1px 16px 1px rgba(34,60,80,.2);box-shadow:var(--shadowLigt);cursor:pointer;display:flex;flex-direction:column;min-width:20%;padding:15px 35px 25px 15px;width:100%}.note-archive{background-color:#c6c6c6;background-color:var(--color-gray)}.note-date{font-size:12px;letter-spacing:2px;margin-bottom:10px;width:100%}.note-title{font-size:16px;font-weight:700;margin-bottom:10px}.note-text{font-size:14px;margin-bottom:10px}.title-h2{margin:50px 0 20px;text-align:center;width:100%}.button-archive,.button-trash{background-color:initial;border:none;cursor:pointer;position:absolute}.button-trash{right:15px;top:15px;width:10px}.button-archive{right:35px;top:16px;width:12px}.modal-container{background-color:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%}.modal-wrapper{background-color:#fbf792;background-color:var(--color-yellow);border-radius:4px;box-shadow:1px 1px 16px 1px rgba(34,60,80,.2);box-shadow:var(--shadowLigt);height:auto;left:50%;padding:15px 35px 25px 15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}.modal-wrapper-archived{background-color:#c6c6c6;background-color:var(--color-gray)}.modal-close{cursor:pointer;position:absolute;right:20px;width:10px}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-.2px,0,0);transform:translate3d(-.2px,0,0)}20%,80%{-webkit-transform:translate3d(.5px,0,0);transform:translate3d(.5px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}40%,60%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-.2px,0,0);transform:translate3d(-.2px,0,0)}20%,80%{-webkit-transform:translate3d(.5px,0,0);transform:translate3d(.5px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}40%,60%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}
/*# sourceMappingURL=main.152f3f04.css.map*/