body {
  margin: 0;
  padding: 0;
}

.base {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;

  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;

  background-image: linear-gradient(to bottom, #daece7, #d9ebe6);
}

.base .input-seactions {
  min-height: 2vh;

  border-radius: 16px;

  padding: 3vh;

  border: 2px solid #359a7e;
}

.base .input-seactions .logo {
  display: flex;
  justify-content: center;

  margin-top: 2vh;
  margin-bottom: 2vh;
}

.base .input-seactions .title {
  margin-top: 2vh;
  margin-bottom: 2vh;

  font-size: 2.5vh;
  font-weight: 700;

  text-align: center;
}

.base .input-seactions .inputs {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;

  width: 90%;
}

.base .input-seactions .inputs .row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;

  margin-top: 1vh;
  margin-bottom: 1vh;

  width: 90%;
}

.base .input-seactions .inputs .row label {
  font-size: 1.5vh;
}

.base .input-seactions .inputs .row input {
  padding: 1vh;

  margin-top: 0.5vh;

  border: 1px solid #bdbdbd;
  border-radius: 8px;

  width: 100%;
}

.base .input-seactions .logo img {
  height: 3vh;
}

.base .input-seactions .button {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;

  margin-top: 1vh;

  width: 100%;
}

.base .input-seactions .button button {
  text-align: center;

  border-radius: 16px;

  font-size: 1.7vh;
  font-weight: 500;

  background: #359a7e;
  border: 1px solid #359a7e;

  text-decoration: none;
  color: #fff;
  margin-bottom: 2vh;
  transition: all 0.5s;

  padding: 1vh;

  width: 26vh;
}

.base .input-seactions .button button:hover {
  cursor: pointer;
}

.base .input-seactions .other-text {
  display: flex;
  margin-top: 2vh;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;

  margin-top: 2vh;
}

.base .input-seactions .other-text .row-text {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  font-size: 1.3vh;
}

.base .input-seactions .other-text .row-text a {
  color: #003ef5;
  text-decoration: none;
}