body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background-color:#0290bf;border-radius:10px;display:flex;flex-flow:column nowrap;gap:10px;justify-content:center;margin:80px auto auto;overflow:hidden;padding:10px;width:60%}body{background-color:#475b7f;overflow:hidden}.tasks{background-color:#fff;border-radius:2px;box-sizing:border-box;display:flex;flex-flow:row nowrap;flex-direction:row-reverse;justify-content:space-between;padding:5px;width:100%}.tasks input{display:none}.addtask{display:flex;gap:10px;justify-content:space-around;width:100%}.addtask input{text-align:center;width:70%}.tasks label{cursor:pointer;font-size:14px;font-weight:700;padding:5px;position:relative;text-align:center;transition-duration:.2s;white-space:nowrap;width:33.33333%}.tasks label:nth-child(4){border-left:3px solid;border-right:3px solid}.tasks input+label:after{background-color:rgba(1,28,182,.801);border-radius:10px;bottom:-3px;box-shadow:0 0 3px 0 #000,0 -1px 10px blue;content:"";height:4px;left:0;opacity:0;position:absolute;transition-duration:.2s;width:100%}.tasks input:checked+label:after{opacity:1;transition-duration:.2s}.show-tasks{background-color:#fff;display:flex;flex-flow:column nowrap;gap:5px;height:400px;overflow:auto;padding-top:5px}.show-tasks::-webkit-scrollbar{width:7px}.show-tasks::-webkit-scrollbar-track{background:#e4292933;border-radius:10px}.show-tasks::-webkit-scrollbar-thumb{background:#00100a;border-radius:10px}.show-tasks::-webkit-scrollbar-thumb:hover{background:#005a8c}.task{align-items:center;background-color:#2379ea;border-radius:5px;cursor:pointer;display:flex;flex-direction:row-reverse;height:50px;justify-content:space-between;opacity:.8;padding:5px;transition-duration:.2s}.task:hover{box-shadow:0 5px 5px rgba(0,0,0,.251);opacity:1}.task-config{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-around;width:30%}.chx{height:20px;width:20px}.task-config .ico1{color:red}.task-config .ico2{color:#ff0}.task-config .ico1:hover{color:#900707}.task-config .ico2:hover{color:#b6b608}@media (min-width:1080px){.container{width:50%}}@media (max-width:720px){.tasks label{font-size:10px}.container{width:80%}}*{font-family:arabic}@font-face{font-family:arabic;src:url(/static/media/Rubik-MediumItalic.78c30c9ae5dd5560fbc1.ttf)}
/*# sourceMappingURL=main.0c7b754e.css.map*/