*{margin:0;padding:0}.App{background-color:#a7bcff;height:100vh}.App,.App .container{align-items:center;display:flex;justify-content:center}.App .container{background-color:#fff;border-radius:15px;flex-direction:column;gap:10px;height:80vh;margin-bottom:10px;overflow:hidden;text-align:center;width:25%}@media screen and (max-width:768px){.App .container{width:55%}}.App .container h1{background:transparent;background-color:#8566aa;color:#fff;width:100%}.App .container input{border:none;border-bottom:2px solid #8566aa;font-size:20px;font-weight:500;height:30px;outline:none;text-align:center;top:10px;width:60%}.App .container button{background-color:#8566aa;border:none;border-radius:50%;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3);color:#fff;font-size:40px;margin-left:10px;min-height:40px;min-width:40px;outline:none;text-align:center}@media screen and (max-width:768px){.App .container button{color:#fff;font-size:30px;margin-left:5px;min-height:40px;width:40px}}.App .container button:hover{background-color:#20bf6b}.App .container ol{height:60%;margin-top:30px;overflow-x:auto;overflow-y:auto;width:100%}.App .container ol .todostyle{align-items:center;display:flex;font-display:row;justify-content:center}.App .container ol .todostyle li{align-items:center;border:none;border-radius:10px;color:#8566aa;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:space-between;margin:5px;min-height:40px;padding:10px;text-align:center;text-transform:capitalize;width:100%}.App .container ol .todostyle li:hover{box-shadow:5px 5px 15px -5px rgba(0,0,0,.3)}.App .container ol .todostyle li .innerdiv{align-items:center;border:none;border-radius:10px;color:#8566aa;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:space-between;margin:5px;min-height:40px;padding:10px;text-align:center;text-transform:capitalize;width:100%}.App .container ol .todostyle li .innerdiv .icon{background-color:red;border-radius:50%;box-shadow:15px,15px,15px,15px rgba(0,0,0,.9);color:#faebd7;display:flex;height:20px;justify-content:center;margin:15px;width:20px}@media screen and (max-width:768px){.App .container ol .todostyle li .innerdiv .icon{align-items:center;display:flex;justify-content:center;margin:0}}
/*# sourceMappingURL=main.815b090b.css.map*/