@charset "utf-8";
/* CSS Document */

@font-face {
font-family: rubik; src: url('https://agentsBase.uk/_r/fonts/rubik/Rubik-Regular.ttf');
}

body {
	
	font-family: rubik;
	color:#5F5F5F;

}

input{
	margin: 0px 0px 10px 0px;
	border-radius: 7px;
	border: solid 1px #D7D7D7;
	
	font-size: 2em;
	font-family: rubik;
	color:#5F5F5F;
	
}

#head , #content ,#foot{
	
	display:flex;
}


#content{
	flex-direction: column;
	
	align-items: center;
	
}


h1{
	margin: 0px 0px 5px 0px;
	
}

.b1{
	
	
}
.checkBox {left:0px;}
button{
	margin: 10px 0px 10px 0px;
font-size: 3em;	
background-color:palegreen;	
color: #5f5f5f;
border-radius: 7px;	
border: solid 2px #D7D7D7;	
width: 80%;	
align-self: center;	
}
label{
	font-size: 1.2em;
}

.passwordHelp   {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
	margin:-20px 0px -10px 0px;
}
.passwordHelp * {
	display: flex;
	width:  100px;
	align-self: center;
}


i { 
	margin: 0px 0px 0px 20px;
	padding: 3px;
	width: 2em;
	align-self: center;
}

.green{ color: seagreen;}
#content:after { content: "Wide Layout"; }