:root {
  font-size: 115%;
}
body {
  max-width: 35rem;
  margin: auto;
  padding: 0.5rlh;
}

h1 {
  font-family: sans-serif;
  text-wrap: balance;
}

#current-earnings {
  font-size: 8em;
}

#calculations,
#current-earnings {
  font-family: monospace;
}

form .input-group {
  margin-bottom: 1em;
}
fieldset {
  margin-inline: 0;
  display: flex;
  gap: 0.5rem;
}
fieldset input {
  font-size: 1.5rem;
  padding: 0.5rem;
}
#input-hourly-wage {
  width: 100%;
}

#calculations {
  font-size: 1.5rem;
}
#calculations .rate,
#calculations .duration {
  font-weight: 800;
}

.clock-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.clock-buttons > input {
  font-size: 1.5rem;
  padding: 0.5rem;
}