body {

    background: #FFFFFF;



    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    flex-direction: column;

}

*{

    font-family: Helvetica Neue, Arial;

font-size: 12px;
    box-sizing: padding-box;

}

form {

    width: 400px;

    border: 3px solid #FOF8FF;

    padding: 20px;

    background: #F0F0F0;

    border-radius: 20px;

}

h2 {

    text-align: center;

    margin-bottom: 40px;

}

input {

    display: block;

    border: 2px solid #87CEEB;

    width: 45%;

    padding: 10px;

    margin: 10px auto;

    border-radius: 5px;

}

label {

    color: #1E90FF;

    font-size: 18px;

    padding: 10px;

}

button {

    float: right;

    background: #1E90FF;

    padding: 10px 15px;

    color: #fff;

    border-radius: 5px;

    margin-right: 10px;

    border: none;

}

button:hover{

    opacity: .10;

}

.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: #1E90FF;

    padding: 10px 15px;

    color: #fff;

    border-radius: 10px;

    margin-right: 10px;

    border: none;

    text-decoration: none;

}

a:hover{

    opacity: .7;

}