@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:Poppins,sans-serif;display:flex;flex-wrap:wrap;margin:0;padding-top:3rem;background-color:#0e141b}.add{position:fixed;padding:.5rem 1rem;top:1rem;right:1rem;border:none;outline:none;background:rgb(24,38,53) none repeat scroll 0% 0%;color:#fff;cursor:pointer;z-index:0;border-radius:10px}.add:before{position:absolute;content:"";width:calc(100% + 4px);height:calc(100% + 4px);left:-2px;top:-2px;background:linear-gradient(124deg,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1ddde8,#2b1de8,#dd00f3,#dd00f3);background-size:400%;z-index:-1;filter:blur(5px);animation:move 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.add:hover:before{opacity:1}.add:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:rgb(24,38,53) none repeat scroll 0% 0%;left:0;top:0;border-radius:10px}@keyframes move{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.note{background-color:#151f28;box-shadow:0 0 11px 4px #0000004d;margin:30px 20px;height:350px;width:350px;overflow:hidden}.note .tools{background:#1a2980;background:-webkit-linear-gradient(to left,#1a2980,#26d0ce);background:linear-gradient(to left,#1a2980,#26d0ce);display:flex;justify-content:flex-end;padding:.5rem}.note .tools button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:.5rem}.note textarea{background-color:transparent;color:#fff;outline:none;resize:none;border:none;font-family:inherit;font-size:1.2rem;height:350px;width:100%;padding:20px}.hidden{display:none}.main{color:#fff;padding:20px;font-family:inherit;font-size:1rem}