body,button,form,h1,h2,input,li,ul{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:20px}h1,h2{margin-bottom:20px;text-align:center}.container{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;padding:20px;width:100%}form{align-items:center;display:flex;flex-direction:column;margin:20px 0}input{border:1px solid #ddd;border-radius:5px;margin:5px 0;padding:10px;transition:border-color .3s;width:100%}input:focus{border-color:#007bff;outline:none}button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:10px 20px;transition:background-color .3s,transform .3s;width:100%}button:hover{background:#0056b3;transform:scale(1.05)}ul{list-style:none;padding:0;width:100%}ul li{background:#f8f9fa;border:1px solid #ddd;border-radius:5px;margin:5px 0;padding:10px;transition:background-color .3s,transform .3s}ul li:hover{background:#e9ecef;transform:scale(1.02)}a{color:#007bff;text-decoration:none;transition:color .3s}a:hover{color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.container,form,h2,ul li{animation:fadeIn .5s ease-out}
/*# sourceMappingURL=main.ccd5310f.css.map*/