html {
  font-size: 90%;
}

header {
  border-bottom: 2px solid #e5001e;
}
header .logo {
  width: 300px;
}
.btn {
  padding: 0.4rem 1.5rem;
}

.imagePreview {
  width: 100%;
  aspect-ratio: 3/2;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  border: 1px solid #dee2e6;
}
.imgFiledWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

main {
  min-height: calc(100vh - 210px);
}

footer {
  background: #e5001e;
}

form label.error {
  margin-top: 0.3rem;
  color: #e5001e;
}

@media screen and (max-width: 768px) {
  .imgFiledWrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}