body {
    padding:0;
    margin:0;
    background-color:#d18515;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height:100%;
}

h1 {
    font-family:arial;
    font-size:1.5em;
    font-weight:900;
    text-align:center;
    color:#d18515;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.login {
    background-color:#fff;
    margin-top:7%;
}

.login img {
    width:80%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.login .inputlogin {
    width:80%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2vh;
    text-align:center;
    font-size:1.3em;
    border:0;
    border-radius:0;
    border-bottom:3px solid #d18515;
    color:#727272;
}

.login .inputlogin::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a5a5a5;
  font-weight:500;
}

.login .inputlogin:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a5a5a5;
  font-weight:500;
}

.login .inputlogin::-ms-input-placeholder { /* Microsoft Edge */
  color: #a5a5a5;
  font-weight:500;
} 

.login .inputlogin:focus {
    outline: 0;
}


.login .inputsubmit {
    width:80%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:4vh;
    margin-top:2vh;
    border:0;
    background-color:#d18515;
    font-weight:600;
    font-size:1.3em;
    color:#fff;
}