<main>
  <div>
<h1>To Do List</h1>
</div>
<div id="frameIt">
  <li><label for="item1"><input type="checkbox" id="item1" class="strike"><span>Pick up dry cleaning</span></label></li>
  
  <li><label for="item2"><input type="checkbox" id="item2" class="strike"><span>Return library books</span></label></li>
  <li><label for="item3"><input type="checkbox" id="item3" class="strike"> <span>Take Dex to get groomed</span></label></li>
  <li><label for="item4"><input type="checkbox" id="item4" class="strike"><span>Buy 3 bags of glass pebbles</span></label></li>
  <li><label for="item5"><input type="checkbox" id="item5" class="strike"><span>Grocery pick up</span></label></li>
  <li><label for="item6"><input type="checkbox" id="item6" class="strike"><span>Choose paint color for workshop</span></li></label>
  <li><label for="item7"><input type="checkbox" id="item7" class="strike"><span>Assemble metal shelf for laundry area</span></label></li>
  <li><label for="item8"><input type="checkbox" id="item8" class="strike"><span>Choose new dining chairs</span></label></li>
  <li><label for="item9"><input type="checkbox" id="item9" class="strike"><span>Get oil change</span></label></li>
  <li><label for="item10"><input type="checkbox" id="item10" class="strike"><span>Return wrench borrowed from J</span></label></li>
  <li><label for="item11"><input type="checkbox" id="item11" class="strike"><span>Complete next week's project by Thursday</span></label></li>
  <li><label for="item12"><input type="checkbox" id="item12" class="strike"><span>Lunch with Grammy on Sunday PM</span></label></li>
   
</div>  



</main>

body {
  background-color: #F9E79F;
  font-family: arial, helvetica; 
  display: grid;
  justify-content: center;
  margin: 5% 9% 5% 9%;
  width: 90%
}


h1 {
  background-color: #8eb7d1;
  width: 85%;
  justify-content: center;
  text-align: center;
  color: white;
  border-style: solid;
  border-width: 7px;
  border-radius: 50%;
  margin-bottom: 5%;
  padding: 3%;
  font-size: 3em;
  text-shadow: 2px 2px 5px #000000;
}

#frameIt {
 background-color: #8eb7d1;
 color: white; 
 width: 85%; 
 padding-top: 5%;
 text-shadow: 2px 2px 9px #000000; 
 border-style: solid;
 border-width: 7px; 

 font-size: 23px;
}

li {
  list-style: none;
  margin: 0.9em 2em 0.9em 4em;
  padding: 0.3em;
}

.strike:checked + span {
  text-decoration: line-through;
  color: #2E4053;
  font-size: 18px;
 
}