@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,600&display=swap");
body{
    font-family: 'Poppins', sans-serif;
    background-image: url('../Assets/adelin-preda--tOr_T4qTpQ-unsplash.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}
*{
    color: #fff;
}
main{
    padding: 1%;
}
.wSpace{
    text-align:  center;
}
.otherOptions{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.Loginform {
  display: flex;
  justify-content: center;
  margin: 5%;
}
input {
    border: 2px solid;
    border-radius: 4px;
    font-size: 1rem;
    /* margin: 0.25rem; */
    min-width: 125px;
    padding: 0.5rem;
    transition: background-color 0.5s ease-out;
    margin-bottom: 1px;
    color: #000;
  }
  input:optional {
    border-color: gray;
  }
  input:required {
    border-color: black;
  }
  input:invalid {
    border-color: black;
  }
  .loginbtn{
    width: 100%;
    height: 2rem;
    margin-top: 3px;
    background-color: blue;
    border: none;
    border-radius: .5em;
    color: white;
    font-size: medium;
    cursor: pointer;
  }
  form p{
    text-align: center;
  }