.backbox{
	width:80%;
	height:400px;
	margin:auto;
	margin-top:100px;
	background:linear-gradient(rgb(101,48,1), #DAA520); /* Brown to Gold gradient */
	position:relative;
	box-shadow: 0px 5px 15px #777;
	border-radius: 0px 0px 10px 10px;
}
.loginbox{
	height:450px;
	width:300px;
	position:relative;
	float:right;
	margin-right:50px;
	top:-20px;
	background-color:white; /* White background */
	box-shadow: 0px 5px 15px #444;
	border-radius: 0px 10px 10px 10px;
}
.triangle{
	width: 0;
	height: 0;
	border-bottom: 20px solid #DAA520; /* Gold */
	border-left: 20px solid transparent;
	position:relative;
	float:left;
	margin-left:-20px;
	z-index: 5;
}
.leftbox{
	float:left;
	padding:50px;
}
.title{
	font-size:3vw;
	color:white; /* White text */
	text-shadow:0px 3px 6px #444;
	font-weight: bold;
	margin:5px;
}
.subtitle{
	margin:5px;
	font-size:1.5vw;
	color:white; /* White text */
	font-family:"Bradley Hand ITC";
	text-shadow:0px 3px 6px #444;
}
.logincont{
	text-align:center;
	padding:10px;
	background-color:#DAA520; /* Gold background */
	color:white; /* White text */
	text-shadow:0px 3px 6px #444;
	font-size:24px;
	font-weight: bold;
}
.logincont2{
	padding:15px;
}
.loginfoot{
	background-color:#eee; /* Light gray */
	padding:5px;
	position: relative;
	top:30px;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
}
.user{
	margin:10px;
	text-align: center;
	font-size:30px;
	color:#8B4513; /* Brown text */
}
.phonebar{
	position: absolute;
	width:100%;
	top:10px;
	text-align: center;
	color:white; /* White text */
	font-size:30px;
	text-shadow:0px 3px 6px #444;
	font-weight: bold;
	display: none;
}