body,div{padding:0;margin:0}.headingTop{background-color:#000;padding:6% 5%;align-items:center}.headingTop__nav{display:flex;justify-content:space-between;list-style-type:none;align-items:center;margin:0% 20% 0% 10%;color:#49c;font-size:25px}#faireNav,#homeNav,#completedNav,#remainingNav{cursor:pointer}ul{list-style-type:none}label{display:flex;align-items:center;position:relative;margin-bottom:12px;cursor:pointer;font-size:20px;-webkit-user-select:none;user-select:none;padding-left:5%;padding-right:5%;color:#000;background-color:#add8e6;border:2px solid #000;width:100%}.checkboxBox{width:0%}.listedItem{width:100%;display:flex;justify-content:space-between}.taskListed{font-size:20px;margin-left:-6.5%}input[type=checkbox]{position:relative;left:0;opacity:0;cursor:pointer}.checkmark{position:relative;height:25px;width:25px;background-color:#fff;border:2px solid #4499cc;border-radius:50%;flex-shrink:0;display:flex}input:checked~.checkmark:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:#000}.completed{text-decoration:line-through;background-color:#000;color:#fff}.inputTask{display:flex;flex-direction:column;gap:20px;height:1000px;margin:-.5% 20% 5% 15%;border:2px solid black;padding:2% 10% 1%}.new__task{display:flex;gap:40px;max-width:100%}input{height:30px;width:750px;max-width:100%}.buttonAddTask{border-radius:8px;background:#49c;border:none;cursor:pointer;border:2px solid #000;white-space:nowrap}.task-text{display:flex;justify-content:space-around}