body{background-color:#dce6fc;display:flex;justify-content:center;margin:0;padding:0}.forms,body{width:100%}.container1{border:1px solid #000;display:flex;flex-direction:column;height:200px;margin-top:10%;width:60%}.tabs{width:80%}.tab_btn{border:1px solid #000;border-radius:5px;cursor:pointer;font-weight:700;height:30px;margin:5px;width:100px}.active{background-color:#f2ab00}.content{margin-top:10px;padding:5px;width:80%}.tab{display:none}.active_tab{display:block}.wrapper{height:500px;margin-top:10px;width:100%}.container{background-color:#242526;border-radius:10px;margin-left:20px;margin-right:20px;width:700px}.container,.footer{align-items:center;color:#fff;display:flex;flex-direction:column}.footer{padding:20px;width:100%}.clear{background-color:#17c982;border:2px solid #242526;border-radius:5px;cursor:pointer;font-weight:700}.clear:hover{background-color:#3ef8ae}.main{border-bottom:1px groove #fff;display:flex;justify-content:space-between;padding:5px 5px 8px;width:80%}.input{border:1px solid #293241;border-radius:5px;cursor:text;font-size:18px;outline:none;padding-left:10px;text-align:left;width:90%}.btn{cursor:pointer;font-size:25px;margin:0;padding:0}.btn:hover{color:#17c982}.list{font-size:20px;width:100%}.list ol{padding:0}.list ol li{font-size:20px;list-style:none;margin-left:10px;padding:5px}.list-items{align-items:center;display:flex;flex-direction:row}.fa-trash-can:hover{color:crimson;cursor:pointer}.list_section{align-items:center;background-color:#b6b3b3;border:1px solid #000;border-radius:5px;color:#000;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-top:7px;padding:5px;text-align:left;-webkit-user-select:none;user-select:none}.list_section:nth-child(odd){background-color:#eee}.buttons{align-items:center;display:flex;justify-content:space-between;width:80px}.fa-circle-check,.fa-circle-xmark{color:#000;cursor:pointer;font-size:25px;padding:2px}.fa-pen{background-color:#000;border-radius:50px;color:#fff;cursor:pointer;font-size:12px;padding:6px}.cross{margin-left:45px}.fa-pen:hover{background-color:#066498}.fa-circle-check:hover{color:green}.fa-circle-xmark:hover{color:crimson;text-align:right}@media (max-width:768px){.container{width:600px}}@media (max-width:625px){.container{width:500px}}@media (max-width:570px){.container{width:400px}.input{width:85%}}@media (max-width:470px){.container{width:350px}.input{width:85%}.input,.list ol li{font-size:16px}.content,.main,.tabs{width:100%}.tab_btn{font-weight:500;width:90px}}@media (max-width:425px){.container{margin:0;width:300px}.input{width:85%}.main{width:100%}}@media (max-width:375px){.container{margin:0;width:280px}.input{width:85%}.main{width:100%}}
/*# sourceMappingURL=main.00f30c9b.css.map*/