style.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-family: system-ui, sans-serif; }

body {
  background: #e0e0e0; }

ul li {
  list-style-type: none; }

main {
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }

#search,
#today {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  width: 50%;
  padding: 1em; }

#today {
  flex-flow: column wrap; }

#search input,
#search button {
  border: 2px solid blue;
  height: 2rem; }
#search input {
  padding: 1em; }

#wet {
  width: 100%;
  display: flex;
  gap: 1em; }
  #wet > * {
    flex: 1 1 20%; }

.moment {
  padding: 1rem;
  border: 1px dotted rgba(16, 161, 153, 0.2);
  border-radius: 10px; }

svg {
  height: 2rem;
  max-width: 2rem; }

.chart {
  width: 96vw;
  height: 10em; }

/*# sourceMappingURL=style.css.map */