body{
font-family: cursive;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items:center;
height: 100vh;
text-align: center;
background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff);

}

img{
  height:225px;
  /*text-align: center;
  /* align-self: flex-start; */
  margin-top: 7px;

}

.card{ background: whitesmoke;
margin: 0;
padding: 16px;
border-radius: 10px;
box-shadow: 8px 8px#c0bebe;
margin-top: 50px;

}

a{
text-decoration: none;
}
 
a:hover{
opacity: .65;
}

i{
margin-top: 8px;

}

.dark{
background: linear-gradient(to right, #000000, #434343);
color: blue;
transition: all 250ms ease;

}

.dark .card {
background: linear-gradient(to right, #00f260, #0575e6);

}

.form {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #004e92;
  padding: 13px;
  margin: 15px 0px;
  width:100%;
}