:root{--button-size:1.5rem}::-webkit-scrollbar{width:0!important}body{margin:0;padding:0;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}html{overflow-x:hidden}*,html{margin:0;padding:0}.navbar{position:relative;padding:10px;color:#000;background-color:#ffd900;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.navbar h1{margin-left:10px;font-family:Courier New,Courier,monospace}.navbar .icon{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:transparent;right:10px;top:calc(50% - .75rem);size:50px;font-size:var(--button-size);cursor:pointer}.icon svg{color:#000!important}footer{padding:10px;width:100vw;text-align:center;font-size:.7rem;position:fixed;bottom:0;color:gray}.notes{margin:2%;width:96%;grid-gap:2%;display:grid;grid-template-columns:repeat(5,1fr)}.note{padding:.7rem;position:relative;max-height:300px;overflow-y:scroll;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:5px}.note__title{border-bottom:1px solid #000;padding:10px 0;width:100%;word-wrap:break-word}.note__content{padding:5px 0;word-wrap:break-word}.popup{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:0 auto;background-color:#ffd900}.popup__inner{-ms-flex-direction:column;flex-direction:column;position:absolute;left:25%;top:15%;right:25%;bottom:15%;margin:0 auto;padding:20px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.inner__title,.popup__inner{display:-ms-flexbox;display:flex}.inner__title{position:relative;margin:5px 0}.inner__title button{position:absolute;border-radius:5px;cursor:pointer;right:0}.plus__icon{font-size:1rem}.btn{background-color:#35c722;padding:.5rem;border:none;color:#fff;text-decoration:none}.delete{background-color:#fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);position:absolute;top:15px;right:20px;padding:0;outline:none;color:#ca2a2a;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:5px;-ms-flex-align:center;align-items:center;border-radius:50px;cursor:pointer}.delete svg{font-size:1.2rem}.add_title{font-family:sans-serif;font-weight:700}.add_content,.add_title{padding:10px;font-size:1.2rem;margin:5px 0;outline:none;border:none;border-radius:5px;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.add_content{font-size:1rem;height:100%;resize:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.error{text-align:center}.empty,.error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.empty{color:gray;opacity:.7;margin:0 auto}@media screen and (max-width:1070px){.notes{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:850px){.notes{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.notes{grid-template-columns:1fr;margin:5%;width:90%;grid-gap:4%;margin-bottom:200px}.note{width:90%;margin:0 auto;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3),inset 0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3),inset 0 0 3px rgba(0,0,0,.3)}.note:first-child{margin-top:15px}.popup__inner{top:0;left:0;right:0;bottom:0;border-radius:0}.inner__title{margin-bottom:20px}.add_title{padding:10px 20px}.add_content{padding:20px}.add_content,.add_title{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5);box-shadow:inset 0 0 3px rgba(0,0,0,.5)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.a6939666.css.map*/