body.login {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ffff+0,e6f8fd+30,c8eefb+54,bee4f8+75,b1d8f5+100 */
	background: #e1ffff; /* Old browsers */
	background: -moz-linear-gradient(top, #e1ffff 0%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e1ffff 0%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e1ffff 0%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}

div#login input[type="text"], 
div#login input[type="password"] {
  background: rgba(0,0,0,0.15)!important;
  /*color: rgba(255,255,255,0.8)!important;*/
}

div#login label::before {
	background: rgba(0,0,0,0.15)!important;
	/*color: rgba(255,255,255,0.8)!important;*/
}

.login-mode-buttons li a.button {
	/*color: rgba(255,255,255,0.8)!important;*/
}

.login-mode-buttons li a.button::before {
	/*color: rgba(255,255,255,0.8)!important;*/
}

.hidden-login div {
	/*color: rgba(255,255,255,0.8)!important;*/
}

.login-throbber svg path:first-child {
	/*fill: rgba(255,255,255,0.4);*/
}

.login-throbber svg path:last-child {
	/*fill: rgba(255,255,255,0.8);*/
}

canvas {
	position: absolute;
	width: 100%;
	height: 100%;
}