.main{background-color:#e2a75f;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;width:100%;height:100vh}.center{width:25%;height:80vh;border-radius:15px;background-color:#fff8dc;box-shadow:5px 5px 25px -5px rgba(0,0,0,.5)}h1{color:#f0fff0;background:transparent;background-color:teal;padding:6px 0 2px;margin-bottom:10px;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3)}input{text-align:center;height:30px;width:60%;top:10px;border:none;border-bottom:2px solid #00f;outline:none;font-size:20px;font-weight:500;background:transparent}button{min-height:40px;width:40px;border-radius:50%;background-color:teal;color:#fff;font-size:40px;border:none;outline:none;margin-left:10px;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3)}button:hover{background-color:#073a07}ol{margin-top:30px}ol li{font-size:20px;font-weight:500;min-height:40px;color:teal;text-transform:capitalize}.todo-style,ol li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.todo-style{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:left;justify-content:left}.todo-style .mark-pro{width:20px;height:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:teal;border-radius:50%;margin:0 15px 0 35px;color:#fff;box-shadow:5px 5px 15px -5px rgba(0,0,0,.3)}.todo-style .mark-pro:hover{background-color:tomato;cursor:pointer}@media (max-width:768px){.center{width:55%}.todo-style .mark-pro{margin:0 15px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}button{margin-left:5px;min-height:40px;width:40px;font-size:30px}}
/*# sourceMappingURL=main.291e159c.chunk.css.map */