body{
    font-family:serif;
    background-color: #F5F5F5,;
}
h1{
  font-weight: 700;
  font-size: 100px;
}
h2 {
  font-size: 100px;
}
p{
  font-size: 50px;
}
.habit_tracker {
  padding-top: 10rem;
  height: 100vh;
  text-align: center;

}
svg {
  height: 70px;
  width: 70px;
  color: white;
  background-Color: rgb(170, 204, 199);
  margin:1rem;
  border-radius: 2rem;
  margin-bottom: 3rem;
}
.container {
  padding-top: 1rem;
  padding-left: 10rem;
  padding-right: 10rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20rem;
}
.introduction {
  display:none;
}
.tracker {
  font-size: 1.5rem;
  background-color: rgb(131, 211, 231);
  padding-left: 2rem;
  padding-right:2rem;
}
.noTracker {
  font-size: 1.5rem;
  background-color: gray;
  color: white;
}