*{padding:0;margin:0;box-sizing:border-box}html{font-family:"Montserrat",sans-serif}body{background:#eee;background-image:url(https://www.transparenttextures.com/patterns/batthern.png)}#root{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh}main{padding:0 16px}header{background-color:#1388f5;padding:16px 32px;width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.3)}header h1{color:#fff;font-family:"McLaren",cursive;font-weight:200}footer{text-align:center;width:100%;height:2.5rem}footer p{color:#111}footer a{color:#1388f5}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-column-gap:1rem;grid-row-gap:1rem}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px;margin:16px;position:relative}.note h1{font-size:1.1em;margin-bottom:6px}.note p{font-size:1.1em;margin-bottom:20px;white-space:pre-wrap;word-wrap:break-word}.note button{margin-right:10px;color:#1388f5;border:none;height:36px;background-color:transparent;cursor:pointer;outline:none;position:absolute;right:0;bottom:0}form.create-note{position:relative;max-width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}form.create-note input,form.create-note textarea{width:100%;border:none;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}form.create-note button{position:absolute;right:18px;bottom:-18px;background:#1388f5;color:#fff;border:none;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;outline:none}
/*# sourceMappingURL=main.da4f57a1.chunk.css.map */