body{
 background-color:powderblue; 
 width:80%;
 margin:auto;
}

h1{
 text-align:center;
 font-family:"Comic Sans MS", cursive, sans-serif;
 font-variant:small-caps;
}

p{
 width:80%;
 margin-left:5px;
 font-size:20px;
 font-family:Rubik;
}

.summary{
  font-variant:small-caps;
  font-weight:bold;
  font-size:24px;
  text-align:center;
  }

.grid-day{
 display:grid;
 grid-template-columns:4fr 1fr;
 grid-gap:10px; 
 grid-auto-rows:minmax(100px, auto);
}

.grid-day>div{
  
 background-color:black;
 color:white;
}

ul li, ol li{
 font-size:20px; 
}

.grid-goal{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 grid-gap:10px;
 grid-auto-rows:minmax(100px, auto);
 margin-bottom:50px;
}

.grid-goal>div{
 background-color:green;
 color:white;
}

.example{
 background-color:white;
 color:black;
 font-size:20px;
}