*{box-sizing:border-box;background-color:rgb(88,87,87);}header{height:100px;}#task_set{display:inline;text-align:left;position:relative;width:50%;max-width:500px;font-size:20px;padding:20px;border-radius:10px;border-style:outset;background-color:darkgrey;cursor:pointer;}button{text-align:left;display:inline;position:relative;font-size:20px;width:100%;padding:20px;margin-bottom:2px;word-wrap:break-word;border-radius:10px;border-style:outset;cursor:pointer;}#reset{display:inline;position:relative;width:25%;margin-left:5px;word-wrap:normal;background-color:darkgray;}#switch{position:relative;float:right;width:60px;height:34px;}#switch input{display:none;}#slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196F3;transition:1s ease background-color;border-radius:34px;border-style:outset;}#slider:before{position:absolute;content:"";height:24px;width:50px;top:3px;left:0px;background:url("sprite.png")0-25px;transition:1s ease;}input:checked+#slider{background-color:#3f505e;}input:checked+#slider:before{background:url("sprite.png");}