html{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}
body{
	background:radial-gradient(ellipse at center, #ffffff 0%, #51b8486c 50%, #00b6f0 100%);
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

form{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

.arrowBox {
	margin-top:50px;
    position:relative;
    background:rgba(0, 0, 0, .2); 
    height:300px !important;
    width:400px !important;
}




.infoBox {
    position:relative;
    height:300px !important;
    width:400px !important;
	padding:0px;
}

.field {
	margin: 0 0 1rem 0;
	clear: both;
	position: relative;
}

.field.net-id::before {
	background-image: url(../img/icon-accounts.png);
	background-size: 24px 19px;
}

.field.password::before {
	background-image: url(../img/icon-security.png);
	background-size: 18px 24px;
}

.field::before {
	width: 2.75rem;
	height: 2.75rem;
	opacity: 0.3;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	top: 0;
	left: 10;
}






input {
	
	color: #444;
	background: #fff;
	padding: 0.6rem 5% 0.6rem 13%;
	border: none;
	font-size: 1.25rem;
	line-height: 1.25;
	width: 70%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 0.125rem;
	-moz-border-radius: 0.125rem;
	border-radius: 0.125rem;
}

.button:hover{
	background:rgba(0, 0, 0, .5);
}

.button{
	background:rgba(0, 0, 0, .3); 
width: auto;
padding: 0.75rem 2.5rem;
	cursor: pointer;
	border: none;
	text-align: center;

	
	max-width: 100%;
	margin: 0 auto;
	font-size: 1.25rem;

	color: #fff;
	
	
	
	overflow: hidden;

	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
	transition: 0.3s;
}

a:visited {
	color:#030e43;
}
a:hover{
	color:#5b0201;
}

a {
	color:#030e43;
	text-decoration:underline;
}



/* Style the buttons inside the tab */
.tab button {
	background:inherit;
	color:#fff;
background:rgba(0, 0, 0, .1); 
 	 float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight:bold; font-size:1.2em;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background:rgba(0, 0, 0, .4); 
}

/* Create an active/current tablink class */
.tab button.active {
  background:rgba(0, 0, 0, .2); 
  color:#ffd200;
}