:root{font-family:Montserrat,sans-serif;text-align:center;background:#eee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.App h5{font-size:2rem;font-weight:lighter}.create-form{position:relative;width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}.create-form input,.create-form textarea{width:100%;border:none;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}.create-form button{position:absolute;right:18px;bottom:-18px;background:#f5ba13;color:#fff;border:none;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 3px #0000004d;cursor:pointer;outline:none}footer{position:absolute;text-align:center;bottom:0;width:100%;height:2.5rem}footer p{color:#807b7b}header{background-color:#f5ba13;padding:16px 32px;box-shadow:0 0 10px #0000004d}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}.note-list{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px;width:240px;margin:16px}.note h1{font-size:1.1em;margin-bottom:6px}.note p{font-size:1.1em;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word}.note input,.note textarea{width:100%;border:none;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}.note button{position:relative;float:right;padding:0;margin:5px;color:#f5ba13;border:none;width:36px;height:36px;cursor:pointer;outline:none}.search-bar{background-color:#fff;border:2px solid #f2d78b;padding:1rem;font-size:1.2rem;border-radius:10px}.search-bar:focus{border:2px solid #f5ba13;box-shadow:0 1px 5px #8a8989;outline:none}