*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(to right,#4facfe,#00f2fe);padding-top:10vh}.header{text-align:center;margin-bottom:20px}#main-header{font-size:3em;font-weight:700;letter-spacing:1px;background:linear-gradient(to right,#2c3e50,#4ca1af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:bounce 2s ease 3;margin-bottom:10px}#main-header img{width:60px}#welcome{font-style:italic;font-size:1.3em;font-weight:500;letter-spacing:.5px;line-height:1.5;color:#333;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1);animation:fadeInUp 2s ease forwards;opacity:0}.container{width:100%;min-height:100vh;color:#fff;padding-top:4%;padding-left:10%}.container button{display:flex;align-items:center;background:linear-gradient(to right,#02aab0,#00cdac);color:#fff;font-size:16px;outline:0;border:0;border-radius:20px;padding:15px 25px;margin:30px 0 20px;cursor:pointer}.container button img{width:25px;margin-right:8px}.notes-container{display:flex;flex-direction:column;gap:15px}.note-wrapper{position:relative;display:inline-block;max-width:450px;width:100%}.input-box{background:#fff;color:#333;padding:20px 50px 20px 20px;border-radius:6px;min-height:120px;outline:none;position:relative;word-wrap:break-word}.delete-btn{position:absolute;bottom:10px;right:10px;cursor:pointer;width:25px;height:25px}.delete-btn img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.delete-btn img:hover{transform:scale(1.2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}