INPUT
<!DOCTYPE html>
<html>
<head>
<div class="container">
<div class="box">
<div class="heading"></div>
<form class="login-form">
<div class="field">
<input id="username" type="name" placeholder="Phone number, username, or email" />
</div>
<div class="field">
<input id="password" type="password" placeholder="password" />
</div>
<button class="login-button" title="login">Log In</button>
<div class="separator">
<div class="line"></div>
<p>OR</p>
<div class="line"></div>
</div>
<div class="other">
<button class="fb-login-btn" type="button">
<i class="fa fa-facebook-official fb-icon"></i>
<span class="">Log in with Facebook</span>
</button>
<a class="forgot-password" href="#">Forgot password?</a>
</div>
</form>
</div>
<div class="box">
<p>Don't have an account? <a class="signup" href="#">Sign Up</a></p>
</div>
</div>
<center><p style="color:black;">Get The App</p>
<a href><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4RDQRXhpZgAATU0AKgAAAAgABAE7AAIAAAADdnIAAIdpAAQAAAABAAAISpydAAEAAAAGAAAQwuocAAcAAAgMAAAAPgAAAAAc6gAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFkAMAAgAAABQAABCYkAQAAgAAABQAABCskpEAAgAAAAM3NQAAkpIAAgAAAAM3NQAA6hwABwAACAwAAAiMAAAAABzqAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAyMTowMTowNiAyMzoxNjozMwAyMDIxOjAxOjA2IDIzOjE2OjMzAAAAdgByAAAA/+ELFWh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4NCjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iPjxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+PHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9InV1aWQ6ZmFmNWJkZDUtYmEzZC0xMWRhLWFkMzEtZDMzZDc1MTgyZjFiIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iLz48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+PHhtcDpDcmVhdGVEYXRlPjIwMjEtMDEtMDZUMjM6MTY6MzMuNzQ2PC94bXA6Q3JlYXRlRGF0ZT48L3JkZjpEZXNjcmlwdGlvbj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PGRjOmNyZWF0b3I+PHJkZjpTZXEgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOmxpPnZyPC9yZGY6bGk+PC9yZGY6U2VxPg0KCQkJPC9kYzpjcmVhdG9yPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0ndyc/Pv/bAEMABwUFBgUEBwYFBggHBwgKEQsKCQkKFQ8QDBEYFRoZ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" alt="" />
</center>
<style>
body {
font-family: sans-serif;
background-color: #fafafa;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
box-sizing: border-box;
}
a {
text-decoration: none;
}
.container {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-top: 3rem;
font-size: 14px;
}
.box {
max-width: 350px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #ffff;
border: 1px solid #e6e6e6;
border-radius: 1px;
margin: 0 0 10px;
padding: 10px 0;
flex-grow: 1;
}
.heading {
margin: 22px auto 12px;
background-image: url("https://www.instagram.com/static/bundles/es6/sprite_core_b20f2a3cd7e4.png/b20f2a3cd7e4.png");
background-position: -98px 0;
height: 51px;
width: 177px;
overflow: hidden;
}
.field {
margin: 10px 0;
position: relative;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
}
input {
padding: 9px 0px 7px 9px;
font-size: 12px;
width: 16rem;
height: 1.2rem;
outline: none;
background: #fafafa;
border-radius: 3px;
border: 1px solid #efefef;
}
/* label intial position*/
label {
position: absolute;
pointer-events: none;
left: 10px;
padding-bottom: 15px;
transform: translateY(10px);
line-height: 6px;
transition: all ease-out 0.1s;
font-size: 14px;
color: #999;
padding-top: 6px;
}
.login-button {
text-align: center;
width: 100%;
padding: 0.5rem;
border: 1px solid transparent;
background-color: #3897f0;
color: #fff;
font-weight: 600;
font-size: 14px;
cursor: pointer;
}
.separator {
display: flex;
justify-content: space-between;
align-items: center;
color: #999;
margin-top: 6px;
}
.separator .line {
height: 1px;
width: 40%;
background-color: #dbdbdb;
}
.download{
color: #fff;
background: black;
height: 100px;
width: 200px;
}
.other {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.fb-login-btn {
margin: 1rem;
border: 0;
cursor: pointer;
font-size: 14px;
color: #385185;
font-weight: 600;
background: transparent;
}
.fb-icon {
color: #385185;
font-size: 1rem;
padding-right: 1px;
}
.forgot-password {
font-size: 11px;
color: #003569;
}
.signup {
color: #3897f0;
font-weight: 600;
}
</style>
</body>
</html>
1 Comments
nice bro
ReplyDelete