*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif}body{background:#eee;padding:0 16px}header{background-color:#f5ba13;margin:auto -16px;padding:16px 32px;box-shadow:0 0 10px #0000004d}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}footer{text-align:center;width:100%;height:2.5rem;position:absolute;bottom:0}footer p{color:#ccc}.note{float:left;background:#fff;border-radius:7px;width:240px;margin:16px;padding:10px;box-shadow:0 2px 5px #ccc}.note h1{margin-bottom:6px;font-size:1.1em}.note p{white-space:pre-wrap;word-wrap:break-word;margin-bottom:10px;font-size:1.1em}.note button{float:right;color:#f5ba13;cursor:pointer;border:none;outline:none;width:36px;height:36px;margin-right:10px;position:relative}form{background:#fff;border-radius:7px;width:480px;margin:30px auto 20px;padding:15px;position:relative;box-shadow:0 1px 5px #8a8989}form input,form textarea{resize:none;border:none;outline:none;width:100%;padding:4px;font-family:inherit;font-size:1.2em}form button{color:#fff;cursor:pointer;background:#f5ba13;border:none;border-radius:50%;outline:none;width:36px;height:36px;position:absolute;bottom:-18px;right:18px;box-shadow:0 1px 3px #0000004d}