@import 'saltless.css';

* {
  font-weight: 300;
  text-align: center;
}

body {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 9em;
}

sup {
  font-weight: bold;
}

#premise,
#ofs {
  font-size: 1.5em;
  margin: 1.5em 0;
}

#premise {
  font-style: italic;
  line-height: 150%;
}

#ofs div::before {
  content: '= ';
}

#days::after {
  content: ' days';
}

#hours::after {
  content: ' hours';
}

#minutes::after {
  content: ' minutes';
}

#seconds::after {
  content: ' seconds';
}

#total {
  font-size: 2em;
  line-height: 150%;
}

#percent::after {
  color: #900;
  content: '% ｇｏｎｅ';
  font-size: 0.9em;
}

#remains {
  background: #000;
  color: #fff;
  font-size: 3em;
  padding: 0.25em;
}

#remains::after,
#remains::before {
  content: '-';
}

@media (prefers-color-scheme: dark) {
  body {
    background: #000;
    color: #fff;
  }
}