HOSN-app/app/src/pages/mock-login/mock-login.scss

mock-login{
	
	ion-header{
		margin-top: 2px;
		margin-left: 5px;
		height: 56px;
	}	

	.Register-twitter{
		margin-top: 5px;
		height: 38px;
		width: 100%;
		border-bottom: 1px solid #c8c7cc;
	}

	.register{
		float: right;
	    margin-top: 11px;
	    margin-right: 23px;
	    color: grey;
	}

	.twitter-api-logo img{
		width: 12%;
    	height: 46px;
	}

	.twitter-api-logo{
		margin-top: 32px;
		margin-left: 15px;
	}

	.second_header{
		width: 80%;
    	float: right;
    	color: #b0aeb6;
	}

	.sh_header{
		font-size: 21px;
	}
	.login{
		margin-top: 51px;
		padding: 24px;
	}
	.forgot_pass{

	}
	.invalid-feedback{
	color:red;
	}

	.username1{
		margin-bottom: 36px;
    	width: 360px;
    	padding: 4px;
	}

	.password1{
	    margin-bottom: 36px;
    	width: 360px;
    	padding: 4px;
	}


	ion-icon .icon-more{
	float: right;
	}

	ion-icon .icon-twitterlogo{
	color: #1DA1F2;
	}

	.login-btn{
	 display: inline-block;
  text-align: center;
  text-decoration: none;
  margin: 34px 0;
  border: solid 1px transparent;
  border-radius: 4px;
  padding: 9px 7px;
  color: #ffffff;
  background-color: #1DA1F2;
	}

	.close-btn{
	display: inline-block;
  text-align: center;
  text-decoration: none;
  margin: 34px 0;
  border: solid 1px transparent;
  border-radius: 4px;
  padding: 9px 7px;
  color: #ffffff;
  background-color: #ebebeb;

	}


}