body{
	font-size:larger;
}
h1{
	margin:10px;
	border: 2px solid white;
	display: inline-block;
	padding:5px 20px;
	border-radius: 32px;
}
* {
	box-sizing: border-box;
}
.center {
	text-align:center;
}
input[type=text], input[type=password], input[type=number], select, textarea{
			width:10em;
			padding: 6px;
			border: 1px solid #333;
			border-radius: 4px;
			box-sizing: border-box;
			resize: vertical;
			font-family:monospace;
			font-size:large;
}

.mdl {
	vertical-align: middle;
	padding: 0px 5px;
	font-size:small;
	}

label {
	padding: 6px 6px 6px 0;
	display: inline-block;
	font-family:monospace;
	font-weight:bold;
}
.container {
	width:100%
	border-radius: 5px;
	background-color: #0D0D0D;
	padding: 5px 20px;
}
.row {
	width:100%
}
.col-25 {
	float: left;
	width: 25%;
	margin-top: 6px;
}
.span-60l {
	width: 50%;
	display: inline-block;
	text-align:left;
}
.span-40r {
	width: 50%;
	display: inline-block;
	text-align:right;
}

.col-75 {
	float: left;
	width: 75%;
	margin-top: 6px;
}

@media screen and (max-width: 600px) {
	.col-25, .col-75 {
width: 100%;
margin-top: 0;
	}
}

.left {
	font-size:small;
	position: fixed;
	bottom: 0;
	left:0;
	padding:10px;
	}
	
.logo {
	position: fixed;
	bottom: 0;
	right:0;
	padding:5px 10px;
	display:block;
	}
.lgo {
	font-family:monospace;
	font-size:small;
	vertical-align: middle;
	cursor: default;
	font-weight:bold;
}
	
button {
	border: none;
	border-radius: 12px;
	color: black;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14pt;
	font-weight:500;
	margin: 20px;
	width:208px;
}
.b0{
	width:300px;
	background:black;
	color:white;
}
.b1 {background-color: #69D46E;}
.b1:hover{background-color:#3EC2FF;}
.b2 {background-color: #3EC2FF;}
.b2:hover{background-color:#69D46E;}

.bb{border: 3px solid #DBB76F;}
.b1 {background-color: #53BF57;}
.b1:hover{background-color:#38AEED;}
.b1:disabled{background-color:#77AF77;}

.b2:disabled{background-color:#5A869F;}