* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: #666;
	background-size: 100% 100%;
}

.main {
	top: 30%;
	width: 20em;
	color: #fff;
	padding: 20px;
	position: absolute;
	left: calc(50% - 10em);
	/*border-radius: 1rem;*/
	background: #2196f3;
	/*box-shadow: 0rem 0rem 0.5rem 0.25rem #888;*/
}

.main .divs {
	width: 100%;
	height: 100%;
	margin-left: 3em;
}


.main ul {
	list-style: none;
}

.main ul li {
	text-align: left;
}

.main ul li input {
	border-radius: 5px;
	border: 0px;
	height: 2em;
}

.main .login {
	width: 5em;
	padding: 0.5em;
	margin-top: 0.5em;
	background: #C3E6CB;
	display: inline-table;
	border-radius: 0.5em;
	color: #111111;
	text-align: center;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.main .regist {
	width: 5em;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-left: 0.55em;
	background: #FFE8A1;
	display: inline-table;
	border-radius: 0.5em;
	color: #111111;
	text-align: center;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.main #show_alerts {
	/*color: #ff8202;*/
}

@media screen and (min-width: 0px) and (max-width: 50em) {
	.main {
		border: 0px;
	}
	.linea {
		display: none;
	}
	.lineb {
		display: none;
	}
}