*{box-sizing:border-box;margin:0;padding:0}.main_div{align-items:center;background:#6983aa;display:flex;flex-direction:row;height:100vh;justify-content:center;text-align:center;width:100%}.center_div{background-color:#f4f4f4;border-radius:15px;height:80vh;width:25%}.center_div,h1{box-shadow:5px 5px 25px -5px}h1{background:transparent;background-color:#8566aa;color:#fff;margin-bottom:10px;padding:6px 0 2px}input{background:transparent;border:none;border-bottom:2px solid #8566aa;font-size:20px;font-weight:500;height:30px;text-align:center;top:10px;width:60%}button{background-color:#8566aa;border:none;border-radius:50%;box-shadow:5px 5px 25px -5px transparent;color:#fff;font-size:40px;margin-left:10px;min-height:40px;outline:none;width:40px}button:hover{background-color:#20bf6b}ol{margin-top:30px}ol li{color:#8566aa;font-size:20px;font-weight:500;min-height:40px;padding-left:0;text-align:left;text-transform:capitalize}.todo_style,ol li{align-items:center;display:flex}.todo_style{flex-direction:row;justify-content:left}.todo_style .fa-times{background-color:#8566aa;border-radius:50%;box-shadow:5px 5px 25px -5px transparent;color:#f0f8ff;display:flex;height:20px;justify-content:center;margin:0 15px 0 35px;width:20px}.todo_style .fa-times:hover{color:crimson}@media (max-width:768px){.center_div{width:55%}.todo_style .fa-times{align-items:center;display:flex;justify-content:center;margin:0 15px}button{color:#fff;font:30px;margin-left:5px;min-height:40px;width:40px}}
/*# sourceMappingURL=main.c9a17617.css.map*/