*{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	text-align: center;	 
}

.loginbox
{
    margin: auto;
	left:50%;
	border-radius: 25px;
	border: 2px solid darkgrey;
	padding: 20px;
	width: 660px;
	padding: 70px 30px;
	border-style: solid;
	background-color: white
}

.avatar
{
	width:80px;
	height: 80px;
	border-radius: 25px;
    border: 0.75px solid #303030;
	border-radius: 50%;
    margin: auto;
    margin-top: 0px; 
}

h1
{
	margin: 0;
	margin-top: 10px;
	padding: 0 0 0px;
	text-align: center;
	font-size: 28px;
	top: 18%;
	font-family: 'Quicksand', sans-serif;
    font-weight: 300;
	color:black;
	padding: 5;
}

h2
{
	margin: 0;
	padding: 0 0 15px;
	text-align: center;
	font-size: 16px;
	top: 20%;
	font-family: 'Quicksand', sans-serif;
    font-weight: 200;
	color:black;
	padding: 5;
}

.loginbox p
{
	margin: 0;
	padding: 0;
	color: 	#989898;
	font-family: 'Verdana' black;
    font-weight: 300;
	font-size: 15px;
	text-align: left;	
	padding-top: 25;

}

.loginbox input
{	
	width: 100%;
	margin-bottom: 20px;
}

.loginbox input[type="text"], input[type="password"]
{
	color: black;	
	border: none;
	border-bottom: 1px solid #707070;
	outline: none;
	height: 40px;
	font-size: 14px;
	text-align: center;
}

.account
 { 	
	text-align: center;
	align-content: center;
	left: 20%;
	color: black;
 }

.select
{
	border: 1px solid #FF4B2B;
	color: black;
}

 button 
 {
	border-radius: 20px;
	border: 1px solid #0074D9;
	background-color: #0074D9;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
	margin-top: 90px;
    margin-left: -5px;
}

button:active 
{
	transform: scale(0.95);
}

button:focus 
{
	outline: none;
}

button.ghost 
{
	background-color: transparent;
	border-color: #FFFFFF;
}

 .second 
 {
 	width: 155px;
	border-radius: 20px;
	border: 1px solid red;
	background-color: red;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 45px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
	margin-top: 80px;
    margin-left: 195px;
}

.second button1:active 
{
	transform: scale(0.95);
}

.second button1:focus 
{
	outline: none;
}

.second button1.ghost 
{
	background-color: transparent;
	border-color: #FFFFFF;
}

.second a 
{
	text-decoration: none;
	color: white;
}