body {

    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
    flex-direction: column;
}
*{
    font-family: Sans-serif;
    box-sizing: padding-box;
}
header {
    background-color: white;
    padding: 30px;
    text-align: Center;
    /* font-size: 35px; */
    color: white;
  }
form {

    width: 400px;
    height: 200px;
    border: 3px solid rgb(151, 207, 231);
    padding: 10px;
    background: #005398;
    border-radius: 20px;

}

h2 {

    text-align: center;
    color: #f7f30c;
    margin-bottom: 20px;

}

input {

    display: block;
    border: 2px solid #ccc;
    width: 60%;
    /* padding: 5px; */
     margin:  auto; */
    border-radius: 5px;

}

label {

    color: #f7f30c;
    font-size: 10px;
    padding: 20px;

}

button {

    float: right;
    background: rgb(212, 130, 16);
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    border: none;
}

button:hover{
    /* opacity: .50; */
    background: #FFA500

}

.error {
   background: #F2DEDE;
   color: #0c0101;
   padding: 10px;
   width: 95%;
   border-radius: 5px;
   margin: 20px auto;

}

h1 {
    text-align: center;
    color: rgb(134, 3, 3);
}

a {
    float: right;
    background: rgb(183, 225, 233);
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    margin-right: 10px;
    border: none;
    text-decoration: none;
}

a:hover{
    opacity: .7;
}