body{
    display: flex;
    justify-content: center;
    background-color: #E7E7E7;
    height: 100vh;
    align-items: center;
}
#content{
    background-color: white;
    padding:5em;
    border-radius: 20px;
    box-shadow: 0px 0px 25px rgb(30 30 30);
    display: flex;
    flex-direction: column;
    gap: 1em;
}
h1,input,button,h2{
    font-family: "Rubik";
}
#mail{
    background-color:#d1dd8a;;
    padding:4px;
    border-radius: 15px;
}
input{
    width: 40%;
    border: 2px solid #E7E7E7;
}
form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 18px;
    text-align: center;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 18px;
    text-align: center;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 18px;
    text-align: center;
  }

  button{
    border: 0px;
    padding: 2%;
    width: 49%;
    background-color: rgb(57, 73, 94);
    color:white;
    font-size: 18px;
  }

  input[type=text] {
    font-size: 18px;
    text-align: center;
    padding: 4%;
  }

  h1{
    line-height: 2em;
  }

  h2{
      color:rgb(168, 25, 25);
  }