*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif}body{background:#f1f5f8;background-image:radial-gradient(#bfc0c1 7.2%,#0000 0);background-size:25px 25px;padding:0 16px}header{background-color:#f5ba13;background-image:url(https://www.transparenttextures.com/patterns/foggy-birds.png);box-shadow:0 0 10px 0 #e1dcdc4d;margin:auto -16px;padding:16px 32px}header h1{color:#fff;font-family:McLaren,cursive;font-weight:200}footer{background:#eee;bottom:0;box-shadow:12px 12px 25px #06b7e7;height:2.5rem;left:0;overflow:hidden;position:absolute;text-align:center;width:100%}footer p{color:#ccc}.note{background:#fff;background-image:url(https://www.transparenttextures.com/patterns/rice-paper-3.png);border-radius:7px;box-shadow:0 2px 5px #ccc;float:left;font-family:fredoka;margin:16px;padding:10px;transition:transform .5s ease-out,opacity .5s ease-out;width:240px}.note.fade-out{opacity:0;transform:translateY(-20px)}.note h1{font-size:1.4em;margin-bottom:6px}.note p{word-wrap:break-word;font-size:1.1em;margin-bottom:10px;white-space:pre-wrap}.note button{background-color:#ffeaa7;border:none;border-radius:5px;cursor:pointer;float:right;font-family:Architects Daughter,cursive;margin-right:10px;outline:none;padding:0 0 3px;position:relative;text-decoration:none;width:50px}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:#f5ba13;border:none;border-radius:50%;bottom:-18px;box-shadow:0 1px 3px #0000004d;color:#fff;cursor:pointer;height:36px;outline:none;position:absolute;right:18px;transition:box-shadow .3s ease;width:36px}form button:hover{box-shadow:0 1px 5px #0bb582}.container{height:50vh;overflow:auto;width:100%}
/*# sourceMappingURL=main.f4fd0db5.css.map*/