html {
	font-family: sans-serif;
	background: url('/static/images/rego/background_light.svg') no-repeat center center fixed; 
}

body{
}

.wrapper{
	
	
}

.main_content{
	
}

.top-logo-container{
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	
}

.main-title{
	font-size: 3em;
	font-weight: bold;
	margin: 1em 2em;
}

.sub-title{
	font-size: 2.4em;
	font-weight: bold;
	margin: 1em 2em;
	text-align: center;
}

.content-panel {
	width: 50em;
	margin: 1em auto;
	margin-top: 2em;
}

.commit-link-container {
	padding: 1em;
	font-size: 1.4em;
	text-align: center;
	
	width: 20em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.4em;
	margin-bottom: 0.5em;
	
	text-decoration: None;
	
}

.rego-link-container {
	padding: 1em;
	font-size: 1.4em;
	text-align: center;
	border: solid 1px #5f0;
	
	width: 20em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0.4em;
	margin-bottom: 6em;
	
	background-color: rgba(163, 263, 163, 0.70);
	
	text-decoration: None;
	
}


 a {
	text-decoration: None;
	color: #222;
	
}

.registration-form-container{
	background-color: rgba(163, 163, 163, 0.15);
	border-radius: 0.4em;
	padding: 1em 0;
	border: 1px solid #ddd;
	
	width: 40em;
	margin: 2em auto;
	padding: 3em;
}

.registration-form-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
	margin-bottom: 2em;
	margin-top: 1.3em;
	
}
.registration-form-container input, select, tel{
	padding: 0.7em 0.5em;
	width: 10em;
}
.registration-form-container textarea{
	width: 100%;
}

.registration-form-container li
{
	margin-top: 0.3em;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
}
.registration-form-container label
{
}
.registration-form-container .short-input{
	width: 8em;
}

.registration-form-container .long-input{
	width: 14em;
}

.registration-form-container .email-input{
	width: 18em;
}
.registration-form-container .minor-form {
	margin-left: 1em;
}

.minor-emphasis{
	font-weight: bold;
}


.registration-form-container button {
	margin-left: auto;
	padding: 0.8em 1.2em;
	border-radius: 0.4em;
	background-color: white;
	border: 1px solid #ddd;
	font-size: 0.85em;
}
.registration-form-container button:hover {
	border: 1px solid #faa950;
}
.registration-form-container button:active {
	border: 1px solid #faa950;
	background-color: #ff5e5e;
}

/* Login related divs */
.login-form-container {
	background-color: rgba(240, 240, 240, 0.65);
	border-radius: 0.4em;
	border: 1px solid #ddd;
	
	width: 20em;
	margin: 2em auto;
	padding: 1em 1em;
	margin-top: 4em;
}

.login-form-container input, select, tel{
	padding: 0.7em 0.5em;
	width: 10em;
}
.login-form-container button {
	margin-left: auto;
	padding: 0.8em 1.2em;
	border-radius: 0.4em;
	background-color: white;
	border: 1px solid #ddd;
}
.login-form-container button:hover {
	border: 1px solid #faa950;
}
.login-form-container button:active {
	border: 1px solid #faa950;
	background-color: #ff5e5e;
}
.login-form-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
	margin-top: 1.3em;
	
}
.login-form-container li
{
	margin-top: 0.3em;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
}
.login-form-container label
{
}

.cancel_container{
}

.cancel_container li{
	margin-top: 4em;
}


.warning-container {
	background-color: rgba(240, 240, 240, 0.65);
	border-radius: 0.4em;
	border: 1px solid #fc2c2c;
	
	width: 20em;
	margin: 2em auto;
	padding: 1em 1em;
}

.warning-title {
	text-align: center;
	font-weight: bold;
	font-size: 1.1;
}
@media all and (max-width: 750px) {
	.registration-form-container label
	{
		display: block;
		
	}
}