html,

body {
  height: 100%;
}


body:after
{
  content : "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../../image/bg.png");
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.6;
  background-repeat: no-repeat, repeat;
  background-position: center;
}

.centro 
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

input[type=text] 
{
  border-bottom: 2px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #d7fcd3;
}   

input[type=text]:focus
{
  border-bottom: 3px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #e6f7e4;
}   


input[type=password] 
{
  border-bottom: 2px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #d7fcd3;
}   

input[type=password]:focus
{
  border-bottom: 3px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #e6f7e4;
}   

input[type=email] 
{
  border-bottom: 2px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #d7fcd3;
}   

input[type=email]:focus
{
  border-bottom: 3px solid green;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background-color: #e6f7e4;
}