body{background-color:#71b1af}.MainBlock,body{display:flex;flex-direction:column;align-items:center}.MainBlock{margin:40% auto}.mainText{font-size:1.8em;margin:.25em 0 .5em}.mainBtn{width:220px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px}.mainBtn:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.mainBtn:active{color:#000}.mainBtn:active:after{background:transparent}.mainBtn:hover:before{opacity:1}.mainBtn:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.taskFormBlock{display:flex;min-height:50px;align-items:center}.inputTask{position:relative;font-size:1.5em;background:linear-gradient(21deg,#10abff,#1beabd);padding:3px;display:inline-block;border-radius:9999em;margin-right:25px;:not(span){position:relative;display:inherit;border-radius:inherit;margin:0;border:none;outline:none;padding:0 .325em;z-index:1;&:focus+span{opacity:1;transform:scale(1)}}}.createBtn{display:inline-block;outline:0;border:0;cursor:pointer;font-weight:600;color:#fff;font-size:14px;height:38px;padding:8px 24px;border-radius:50px;background-image:linear-gradient(180deg,#7c8aff,#3c4fe0);box-shadow:0 4px 11px 0 rgba(37,44,97,.15),0 1px 3px 0 rgba(93,100,148,.2);transition:all .2s ease-out;:hover{box-shadow:0 8px 22px 0 rgba(37,44,97,.15),0 4px 6px 0 rgba(93,100,148,.2)}}.taskListBlock{display:flex;flex-direction:column;align-items:center}h1{color:#00008b;font-family:Comic Sans MS,cairo,serif;text-shadow:#fc0 1px 0 10px}.tableBlock{width:350px;list-style-type:none;padding:0}.liStyle{border:2px solid #00ffd5;border-radius:9px;display:flex;margin:4px;min-width:100%;align-items:center;padding-left:5px;word-break:break-all}.btnControl{margin-left:auto;width:130px}.btnEdit{margin:5px;padding:10px;border-radius:10px;transition:all .3s ease-in-out;background:#6495ed;color:#fff;:hover{cursor:pointer;filter:brightness(130%)}}.btnDel{margin:5px;padding:10px;border-radius:10px;transition:all .3s ease-in-out;background:#cd5c5c;color:#fff;:hover{cursor:pointer;filter:brightness(130%)}}.textList{color:#00008b;font-family:Comic Sans MS,cairo,serif}