<meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { margin: 0; } .wrong-pass { position: absolute; font-family: "Sarabun-SemiBold", sans-serif; color: rgba(225, 9, 21, 1); font-size: 13px; top: calc( 20vh + 270px ); width: 100%; text-align: center; } .validate-file{ position: relative; display: inline-block; width: 100%; height: 100%; background-color: rgba(137, 181, 30, 0.7); } .validate-file .logo { position: relative; width: 100%; text-align: center; margin-top: 20vh; } .validate-file .inner { position: relative; display: inline-block; width: 100%; } .validate-file .inner .form { position: relative; width: 100%; text-align: center; line-height: 1.5em; margin-top: 50px; font-family: "Sarabun-SemiBold", sans-serif; } .validate-file .inner .form form { text-align: center; color: #0c0c0c; font-size: 13px; } .validate-file .inner .form form .input-pass { display: block; margin: 10px auto; height: 40px; width: 200px; } .validate-file .inner .form form .submit-pass { height: 32px; width: 100px; /* padding: 10px; */ -webkit-appearance: none; background-color: #e10915; color: #FFF; font-size: 11px; text-transform: lowercase; } </style> <div class="validate-file"> <div class="logo"> <img src="https://anmp.pt/wp-content/uploads/2019/07/logo_anmp.svg" alt="Home" /> </div> <div class="inner"> <div class="form"> 脕rea reservada aos Associados. Se 茅 Associado da ANMP, fa莽a login. Em caso de dificuldade, contacte: anmp@anmp.pt </div> </div> </div>