html {
  font-size: 30px;
}

body {
  transition: all 0.5s ease;
}

#theme-toggle:not(:checked) + label>.dark,
#theme-toggle:checked + label>.light {
  display: none;
}

p {
  border-width: 2px;
  border-style: solid;
  border-radius: 10px;
  padding: 20px;
  max-width: 500px;
  transition: all 0.5s ease;
}

span:hover {
  cursor: pointer;
}