body{padding:0;margin:0;width:100%;background-color:rgba(255,214,151,.5137254901960784);background-image:url(https://www.transparenttextures.com/patterns/axiom-pattern.png);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{width:100%;height:60px;background-color:#f7b83c;-webkit-justify-content:center;justify-content:center;box-shadow:0 5px 30px #fff}.header,.header__content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header__content{-webkit-justify-content:space-between;justify-content:space-between;width:70%}.header__content .user{min-width:170px;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.header__content .brand,.header__content .user{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.header__content .brand{-webkit-align-items:center;align-items:center}.header__content .brand .brand__icon{width:1.5rem;margin-right:5px}.user__name{margin:0;font-weight:400}.log__info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:0;font-weight:500}.log__info .log__icon{margin-left:5px;transition:all .5s ease}.log__info:hover{cursor:pointer}.log__info:hover .log__icon{margin-left:15px}@media (max-width:1000px){.header__content{width:80%}}@media (max-width:450px){.header__content{width:90%}}.new-note{width:45vw;height:100px;background-color:#fff;border-radius:10px;margin-top:30px;margin-bottom:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;padding:30px;position:relative;position:-webkit-sticky;position:sticky;top:30px;font-family:"Roboto";transition:all .3s ease;box-shadow:0 5px 30px #929292;z-index:2}.new-note:focus-within{height:300px}.new-note__title{font-family:"Ubuntu";width:80%;margin:0 0 10px;font-size:larger;border:none}.new-note__description{font-family:"Ubuntu";width:100%;height:100%;font-size:large;border:none}.new-note__description:focus,.new-note__title:focus{outline:none}.add-btn{margin:0;padding:0;background:none;border:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#f7b83c;font-size:50px;position:absolute;bottom:-15px;right:30px}.add-btn:hover{cursor:pointer}@media (max-width:1000px){.new-note{width:50vw}}@media (max-width:650px){.new-note{width:60vw}}.container{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.content{width:70%;height:500px;background-color:#fff;line-height:22px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;top:50%;left:50%;transition:all .3s ease;border-radius:15px;box-shadow:0 5px 30px #797979;z-index:5}.content .note-title{margin:30px;text-align:start}.content .note-description{width:90%;margin:5px 10px;padding:5px 30px;text-align:justify;overflow-y:scroll}.content .remove,.content .save{color:rgba(7,7,8,.21176470588235294);font-size:20px;position:absolute;top:25px;right:30px;display:none}.content .remove:hover,.content .save:hover{cursor:pointer}.content .save{display:block;color:#082d63;font-size:40px;top:unset;bottom:-20px}.content:hover .remove{display:block}.remove-content{background-color:#fff;padding:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;top:50%;left:50%;transition:all .3s ease;border-radius:15px;box-shadow:0 5px 30px #797979;z-index:5}.remove-content .title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:left;color:#f11616}.remove-content .title .warning-icon{font-size:50px;margin-right:10px}.remove-content .cancel-btn{background-color:#fff;padding:5px;border-radius:5px;margin-right:10px;border:none;font-size:18px;transition:all .3s ease}.remove-content .cancel-btn:hover{cursor:pointer;color:#1c8302}.remove-content .proceed-btn{background-color:#fff;padding:5px;border-radius:5px;margin-right:10px;color:red;border:none;font-size:18px}.remove-content .proceed-btn:hover{cursor:pointer}.dropback{position:fixed;background-color:rgba(91,92,90,.123);top:0;bottom:0;width:100%;z-index:3}@media (max-width:1080px){.content{width:80%}.content .note-description{width:90%}.content .remove{display:block}}@media (max-width:950px){.content .note-description{width:85%}}@media (max-width:680px){.content{width:90%}.content .note-description{width:80%}}@media (max-width:480px){.content{width:90%}.content .note-description{width:80%}}@media (max-width:395px){.content{width:90%}.content .note-description{width:75%}}.note-container{min-width:300px;-ms-grid-column-align:center;justify-self:center;max-height:400px;max-width:400px;background-color:#fff;margin:30px;padding:10px;border-radius:10px;position:relative;transition:all .2s ease}.note-container:hover{box-shadow:0 5px 30px #bebdbd}.note-container:hover .zoom-btn{display:block}.note-title{margin:20px;max-height:50px;overflow:hidden;text-align:start}.note-description{margin:10px 20px;max-height:73%;text-align:justify;overflow:hidden}.zoom-btn{background-color:#fff;color:rgba(37,37,68,.48627450980392156);padding:5px;font-size:25px;position:absolute;top:25px;right:30px;display:none}.zoom-btn:hover{cursor:pointer}.delete-btn,.edit-btn{margin:0;padding:0;background:none;border:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#082d63;font-size:30px;position:absolute;bottom:-10px;right:30px}.delete-btn:hover,.edit-btn:hover{cursor:pointer}.edit-btn{right:90px}@media (max-width:840px){.zoom-btn{display:block}}.notifier{font-weight:700;margin:0;padding:0;justify-self:center;position:fixed;bottom:100px;width:400px;min-width:20vw;max-width:75vw;border-style:solid;border-radius:5px;border-width:5px;-webkit-transform:translateY(400%);transform:translateY(400%);-webkit-animation:animate 2.5s ease 0s;animation:animate 2.5s ease 0s;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;z-index:1000}.notifier,.notifier__icon{color:#fff;-webkit-align-self:center;align-self:center}.notifier__icon{-ms-grid-row-align:center;font-size:35px;margin-right:7px}.success{border-color:#50c44c;background-color:#50c44c;box-shadow:0 5px 30px #31862e}.error{border-color:#e9493e;background-color:#e9493e;box-shadow:0 5px 30px #e9493e}@-webkit-keyframes animate{0%{opacity:.3;-webkit-transform:translateY(100%);transform:translateY(100%)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}95%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes animate{0%{opacity:.3;-webkit-transform:translateY(100%);transform:translateY(100%)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}95%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}}.App{text-align:center;padding:0}.App,.body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;margin:0}.body{min-height:70vh}.notes{width:90%;margin:0;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(400px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:5px;gap:5px;grid-auto-flow:dense;-webkit-justify-content:center;justify-content:center}
/*# sourceMappingURL=main.11b19d1b.chunk.css.map */