.work__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;margin-left:100px}.work__img{position:relative;box-shadow:0 8px 30px #0e243133;border-radius:.75rem;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.work__img:hover{transform:scale(1.05);box-shadow:0 12px 40px #0e24314d}.work__img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffa07a,#ff8c00,coral);opacity:0;transition:opacity .5s ease;z-index:1}.work__img:hover:before{opacity:.8}.work__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;z-index:0}.work__img img:hover{transform:scale(1.1)}.work__img .work__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;opacity:0;transition:opacity .5s ease,transform .5s ease}.work__img:hover .work__content{opacity:1;transform:translate(-50%,-40%)}.work__content h3{font-size:1.5rem;margin-bottom:.5rem}.work__content p{font-size:1rem;line-height:1.5}.section-title{justify-content:center;display:flex}.Todo-pages{background-image:url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExc3ZxdnFyendiem9qbmQ0MHo2dGQzbnN5dDdhdzRoeXdtd3l6aGpnaiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/UU2E4pmlIWjBZt03ne/giphy.gif);background-size:cover;min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.todo-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:40px auto;padding:20px;width:400px;min-height:500px;border-radius:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0006;color:#fff}h2{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#375e97,#274690,#375e97);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(55,94,151,.7);animation:fadeIn 1.2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}input[type=text]{width:100%;padding:10px;margin:10px 0;border:1px solid white;border-radius:5px;box-sizing:border-box;font-size:1rem}button{background-color:#f70;color:#fff;padding:8px 12px;margin-right:5px;margin-top:5px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .3s}button:hover{background-color:#ff9128}ul{list-style:none;padding:0;margin-top:15px;width:100%}li{background-color:#ffffffd9;color:#000;padding:10px;margin-bottom:8px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}li button{background-color:red;margin-left:5px}li button:hover{background-color:#8b0000}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#ccc;background:-moz-radial-gradient();background-repeat:no-repeat;background-size:cover}.main{font-family:Arial,Helvetica,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#fff;width:400dvw;max-width:490px;margin:20px auto 0;padding-bottom:20px;border-width:2px;border-style:solid;border-color:#f70}.bmi-heading h1{background-color:#fff;color:#375e97;width:100%;margin-bottom:10px;font-size:2rem;padding:12px 100px}.input-section{width:70%}.input-slider{width:100%;margin-top:5px}#acent{accent-color:#375E97}.output{padding:10px 5 px;border-radius:9999px;background-color:#f70;color:#fff;margin-top:10px;width:100px;height:28px;margin-left:20%}.output-section{margin:20px}.Bg-bmi{background-image:url(/assets/Bmi-dna-BR0eOmBO.jpg);height:100vh;width:100vw;font-size:50px;color:#fff;filter:blur(3px);background-size:cover;background-repeat:no-repeat}#main{background-color:#0006;color:#fff;font-weight:700;border:3px solid grey;position:absolute;top:63%;left:50%;transform:translate(-50%,-50%);z-index:2;width:90%;text-align:center;margin-top:1%}