.mainContentWrapper {
  display: block;
  width: 100%;
  min-height: 100%;
  height: 100vh;
  background-image: none;
  background-size: cover;
  background-position: center;
  overflow: auto;
}

.mainContentWrapper .container {
  padding: 1em;
  text-align: center;
}

.mainContentWrapper .container .heading {
  font-size: 22px;
}

.mainContentWrapper .container .mainContent {
  margin: 3em;
  padding: 1em;
  border: 1px solid var(--secondary-bg);
  border-radius: 1em;
}

.mainContentWrapper .container .mainContent ul {
  padding: 3em;
  list-style: none;
}
.mainContentWrapper .container .mainContent ul li {
  padding: 10px;
}

input {
  text-align: center;
  width: 100%;
  padding: 10px;
  background-color: #333;
  border: 1px solid #555;
  border-radius: 5px;
  color: white;
  font-size: 16px;
}