header select {
  position: relative;
  top: 3px;
}

div:not(:last-of-type) {
  margin-bottom: 0.5em;
}

img {
  width: 304px;
}

input[type=number], input[type=text] {
  font-size: 1rem;
}

#result2 {
  width: 180px;
}

#metallicMeansResult .green {
  background-color: #008516;
}

#aspectRatioResult .green {
  background-color: #008516;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.form-control[readonly] {
  background-color: #fcffff;
}

@media screen and (max-width: 575.98px) {
  .container {
    grid-template-columns: 1fr;
    gap: 0;
  }
}