@CHARSET "UTF-8";

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.clear{
	clear: both;
}

#frm-signInForm, #sign-header {
	position: relative;
}

.container{
	margin: 15px 0;
	padding: 0;
}

#cube-container {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	position: relative;
	top: -300px;
}
#cube-tittle {
	float: left;
	margin: 0;
	position: relative;
	left: -36px;
}
.cube {
	height: 9px;
	width: 9px;
	background: black;
	float: left;
	margin: 0;
	padding: 0;
}

.blue{
	background: rgb(65,168,255);
}
.green {
	background: rgb(14,203,105);
}
.red {
	background: rgb(251,60,73);
}
.orange {
	background: rgb(255,161,69);
}
.yellow{
	background: rgb(227,207,52);
}
.purple {
	background: rgb(172,121,236);
}
.pale-blue {
	background: rgb(35,160,140);
}
.pink {
	background: rgb(251,64,165);
}
.brown{
	background: rgb(148,129,92);
}

.cube-row {
	margin: 0;
	padding: 0;
	height: 10px;
}


@media (min-width:800px){
	.sign {
		margin: 0 auto;
		float: none;
		max-width: 330px;
	}
}