@import "style.css";

.section #title {
  text-align: left;
  font-size: var(--main-content-size);
  font-weight: 400;
  margin: 80px 10px 20px 10px;
}

span {
  color: var(--main-color);
}

#button {
  margin: 50px auto 50px auto;
  display: block;
}

.content {
  margin: 30px 50px;
}

.content ol {
  padding: 10px;
  line-height: 60px;
}

.content ol li {
  font-size: var(--main-content-size);
}

.content ol ul li {
  font-size: 1em;
}

.top-bar {
  width: 100%;
  padding: 10px;
  margin: 0;
  color: var(--main-white);
  text-align: center;
  display: block;
  background-color: var(--main-color);
}

.step {
  font-size: var(--main-content-size);
  color: var(--main-black);
  text-align: center;
  margin: 80px 13% 20px;
}

.qr-code {
  width: 40%;
  margin: 0 30%;
}

.step-detail {
  width: 75%;
  margin: 0 12.5%;
}