.Task{background:#fff;border-radius:7px;box-shadow:0 2px 5px #ccc;padding:10px;width:240px;margin:16px;float:left}.Task h1{font-size:1.1em;margin-bottom:6px}.Task p{font-size:.9em;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word}button{position:relative;float:right;color:#f5ba13;border:none;margin:6px;border-radius:5px;background-color:transparent;cursor:pointer;outline:none}.App{width:100%}#loading{text-align:center;color:#fff;font-family:McLaren,cursive;font-weight:200;font-size:6rem}.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}form.create-task{position:relative;width:480px;margin:30px auto 20px;background:#fff;padding:15px;border-radius:7px;box-shadow:0 1px 5px #8a8989}form.create-task input,form.create-task textarea{width:100%;border:none;padding:4px;outline:none;font-size:1.2em;font-family:inherit;resize:none}form.create-task 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}.not-valid-message{color:salmon;text-align:center;font-family:McLaren,cursive}*{padding:0;margin:0;box-sizing:border-box}html{font-family:Montserrat,sans-serif}body{width:100%;background:#eee;background-image:url(https://www.transparenttextures.com/patterns/brick-wall.png)}