@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#7bdaf3;display:flex;flex-wrap:wrap;padding-top:3rem}.add{background-color:#9ec862;margin:2rem auto;color:#fff;padding:.5rem 1rem;border:none;border-radius:3px;position:fixed;top:1rem;right:1rem;cursor:pointer}.note{background-color:#fff;margin:20px;height:300px;width:400px;box-shadow:0 0 10px 4px #0000001a}.note .tools{background-color:#9ec862;display:flex;justify-content:flex-end;padding:.5rem}.note .tools button{background-color:transparent;border:none;color:#fff;font-size:1rem;margin-left:.5rem;cursor:pointer}.note .tools button:focus{outline:none}.note .main{width:100%;height:300px;background-color:#eee;overflow:hidden;padding:.5rem}.note textarea{font-family:inherit;width:100%;height:300px;border:none;outline:none;resize:none;font-size:1.2rem;padding:.5rem}.note .hidden{display:none}