*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif}body{background:#eee;padding:0 16px}header{background-color:#4440b8;box-shadow:0 0 10px 0 #0000004d;margin:auto -16px;padding:16px 32px}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}footer{bottom:0;height:2.5rem;position:absolute;text-align:center;width:100%}footer p{color:#ccc}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #8a8989;float:left;margin:16px;padding:10px;width:240px}.note h1{font-size:1.1em;margin-bottom:6px}.note p{word-wrap:break-word;font-size:1.1em;margin-bottom:10px;white-space:pre-wrap}.note button{align-items:center;background:#0000;border:none;border-radius:50%;color:#4440b8;cursor:pointer;display:flex;float:right;height:32px;justify-content:center;margin-right:10px;outline:none;position:relative;transition:background-color .2s ease,transform .1s ease;width:32px}.note button:hover{background-color:#f5ba1326}.note button:active{transform:scale(.9)}form{background:#fff;border-radius:7px;box-shadow:0 1px 5px #8a8989;margin:30px auto 20px;padding:15px;position:relative;width:480px}form input,form textarea{border:none;font-family:inherit;font-size:1.2em;outline:none;padding:4px;resize:none;width:100%}form button{background:#4440b8;bottom:-18px;box-shadow:0 1px 3px #0000;height:36px;outline:none;position:absolute;right:18px;width:36px}.add-button,form button{border:none;border-radius:50%;color:#fff;cursor:pointer}.add-button{background-color:#4440b8;padding:0;transition:all .2s ease}.add-button:hover{background-color:#4440b8;box-shadow:0 4px 8px #0003;transform:scale(1.05)}
/*# sourceMappingURL=main.696feb03.css.map*/