@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1f4037);background-size:400% 400%;animation:gradientShift 7s ease infinite;display:flex;justify-content:center;align-items:center}form{display:flex;flex-direction:column;column-gap:5px;align-items:center}h1{color:#00bcd4;font-size:2.5rem;font-weight:600;letter-spacing:1px;margin-top:50px;text-align:center}input{width:280px;padding:12px 14px;margin:10px;border:1px solid #14b3c8;border-radius:8px;background-color:#ffffff0d;color:#fff;font-size:1rem;outline:none}button{padding:12px 28px;background-color:#000;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:block;margin:15px auto 0}button:hover{background-color:#0097a7;transform:translateY(-2px)}.bookmarklist{margin-top:25px;display:flex;flex-direction:column;align-items:center;gap:12px}.eachbookmark{text-align:center;letter-spacing:.5px;height:auto;background-color:#0f2027;padding:10px;border-radius:5px}a{text-decoration-line:none;color:#47c4e7;font-size:20px}h2{text-align:center;padding:20px;color:#f5f5f5;text-shadow:black 10px}