body{
  background-image: url(/assets/Post\ instagram\ retrato\ atendimento\ barbearia\ laranja\ e\ marrom\ \(1\).png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Arial;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  color:white;
}

.box{
  background:#222222af;
  padding:30px;
  width:300px;
  border-radius:10px;
  text-align:center;
}

input{
  width:100%;
  padding:10px;
  margin:8px 0;
  border:none;
  border-radius:5px;
}

button{
  background:#d4af37;
  border:none;
  padding:10px;
  width:100%;
  cursor:pointer;
  font-weight:bold;
}

a{
  color:#d4af37;
  text-decoration:none;
}