header{background-color:#00c0a6;padding:16px 22px;box-shadow:0 0 10px #0000004d}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}form{position:relative;max-width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}form input,form textarea{width:100%;border:none;margin:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}form input{font-weight:600}form textarea{font-size:1.1em}form button{position:absolute;right:18px;bottom:-18px;background:#00c0a6;color:#fff;border:none;border-radius:50%;width:38px;height:38px;box-shadow:0 1px 3px #0000004d;cursor:pointer}form button:hover{background:#009e89}form button:active{background:#00d0b5}.note{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:13px;width:240px;margin:16px;float:left}.note h2{font-size:1.2em;margin-bottom:6px}.note p{font-size:1.1em;white-space:pre-wrap;word-wrap:break-word}.note button{float:right;margin-top:10px;color:#00c0a6;border:none;cursor:pointer;background-color:inherit}.note button:hover{color:#009e89}.note button:active{color:#00d0b5}footer{position:absolute;text-align:center;bottom:0;width:100%;height:2.5rem}footer p{color:#ccc}