.all-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  line-height: 1.4;
}
.title__text {
  font-size: 18px;
}

.qr_image img {
  max-width: 300px;
  max-height: 300px;
}

.annotation {
  line-height: 1.5;
  margin-bottom: 12px;
}
.annotation.qr {
  margin-top: 48px;
}
.annotation.event {
  margin-top: 12px;
}

.divider {
  width: 100%;
  border: 1px solid black;
  border-radius: 24px;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0px 0px 6px #757575;
  padding: 24px 36px;
}
.form__id,
.form__pass {
  margin-bottom: 16px;
}
.form__id-label,
.form__pass-label {
  margin-bottom: 4px;
}

.form__enter {
  width: 100%;
}
.form__enter button {
  width: 100%;
}

.error {
    color: #ff0000;
    margin: 5px 0;
}