body {
        max-width: 100%;
        height: 100vh;
        background-color: rgb(14, 14, 14);
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
        padding:0px 0px;
        background: url(https://picsum.photos/1600/800/);
        background-size: cover;
        background-color: #e5e5f7;

      }

#loginCard{
  border:thin solid gray;
  box-shadow: 2px 2px 2px white;
  padding: 50px 50px;
  border-radius: 5px;
  text-align: center;
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
#login, #registro{
  display: block;
  padding: 10px 10px;
  margin: auto auto;
  margin-top: 20px;
  font-size: 1.2rem;
  border-radius: 5px;
  color:White;
  text-shadow: 0px 0px 3px black;
  border:thin solid gray;
  background-color: rgba(0,0,0,0.4);
  padding: 10px 10px;
  box-shadow: 0px 0px 3px white;
}
.formError{
  display: none;
  margin: 10px;
  padding: 10px 10px;
  color:brown;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background-color: white;
  text-shadow: 0px 0px 2px black;
  border-radius: 5px;
}
.formSuccess{
  display: none;
  margin: 10px;
  padding: 10px 10px;
  color:darkgreen;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background-color: white;
  text-shadow: 0px 0px 2px black;
  border-radius: 5px;
}

legend{
  font-size:1.5rem;
  color:black;
  font-family: sans-serif;
  padding: 10px 10px ;
  text-shadow: 0px 0px 3px white;
}
input[type="email"]{
  font-family: sans-serif, 'Verdana';
  border-radius: 3px;
  padding: 10px 10px;
  font-size:1.2rem;
  line-height: 1.2rem;
  font-family: sans-serif;
  text-align: center;
  color:black;
  background-color: rgba(255, 255, 255, 0.4);

}
input[type="password"]{
  display: block;
  border-radius: 3px;
  padding: 10px 10px;
  font-size:1.2rem;
  line-height: 1.2rem;
  font-family: sans-serif;
  text-align: center;
  color:black;
  margin:auto auto;
  background-color: rgba(255, 255, 255, 0.4);

}



.loader{
  display:none;
  margin:auto auto;
  margin-top:10px;
}

.formSuccess{
  display: none;
  margin: 10px;
  padding: 10px 10px;
  color:darkgreen;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background-color: white;
  text-shadow: 0px 0px 2px black;
  border-radius: 5px;
}



@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}