body {
  background: #000000;
  /* color: #ffffff; */
  /* padding-top: 3rem; */
}

.alert-row{
  margin-top: 0.4%;
}


.home{
  color: white;
  background-color: black;
  display: grid;
  grid-template-rows: auto auto;
  padding: 4rem;

}

.home .desc{
  display: grid;
  grid-template-columns: 50% 50%;
  font-size: larger;
  
}


.desc .main-desc h1{
  font-weight: 800;
  font-size: 52px;
  max-width: 100%;
  word-wrap: break-word;
}


@media(max-width:768px){
  .desc .main-desc h1{
    font-weight: 700;
    font-size: 36px;
  }
}

@media(max-width:480px){
  .desc .main-desc h1{
    font-weight: 700;
    font-size: 28px;
  }
}


.home .features{
  list-style-type: None;
  /* padding: 0; */
  /* display: grid;
  grid-template-columns: auto auto auto auto;
  row-gap: 1rem;
  column-gap: 1rem; */
}

.home .features li div{
  font-size: large;
  font-weight: 500;
}

.home .features li p{
  font-size: medium;
  font-weight: 300;
  color: #dadada;
}


.form {
  padding: 1rem 1rem 1rem 1rem;
}

.submit-field{
  padding-top: 1rem;
}

/* .input-fields{
  background-color: red;
} */

/* fieldset{
  background-color: rgb(187, 187, 187);
} */

.input-fields .field-label{
  font: bold;
  font-size: large;
  padding-top: 0.5rem;

}

.login {
  margin-left: auto;
  margin-right: auto;
}

/* .login div{
  margin-left: 2px;
} */

.login div .google-sign-in, .register div .google-sign-up{
  padding-left: 1rem;
}


.login .need-account, .register .already-have-account{
  padding-left: 1rem;
}

.input-fields .input-field{
  width: 20%;
}

.feedback{
  color: red;
}

.forgot-pwd-link{
  text-decoration: none;
  margin-left: 1%;
}

.secret-div {
  width: 75%;
  height: 50%;
  /* background-color: red; */
  padding-top: 2%;
}

.row {
  margin: 2px;
}

.secret-details{
  border: 1px solid black ;
  /* margin: 2px; */
  padding-top: 2px;
  padding-bottom: 2px;
}

#nominee-fields div{
  margin-top: 1%;
}


.secrets-div{
  margin-left: auto;
  margin-right: auto;
}