/*CSS file*/

input{
    width: 430px;
	margin: 0 auto;
    padding: 10px;
    border: 1px solid #ccc;
}

#main-wrapper{
	border-radius : 10px;
	background-color: #4d0000;
	color: white;
	border: 3px solid #f1f1f1;
	width: 900px;
	margin: 0 auto;
}
.inner_container{
	width:450px;
	margin:0 auto;
}
.login_button {
    background-color: #36454F;
    color: white;
	margin-top:10px;
	margin-bottom:10px;
    padding:10px;
    width: 100%;
	font-size:18px;
	font-weight: bold; 
	
}
.register_btn{
	background-color: #802000;
    color: white;
	margin-top:10px;
	margin-bottom:15px;
	padding:10px;
    width: 30%;
	font-size:16px;
	font-weight: bold;
	
}
.back_btn{
	background-color: #e67e22;
	color: white;
	margin-top:10px;
	margin-bottom:10px;
    padding: 10px;
}
.logout_button{
	background-color: #c0392b;
    color: white;
	margin-top:10px;
	margin-bottom:10px;
    padding:10px;
    width: 100%;
	font-size:18px;
	font-weight: bold;
}

.sign_up_btn {
	background-color: #36454F;
    color: white;
	 padding:10px;
	margin-top:10px;
	margin-bottom:10px;
    width: 100%;
	font-size:16px;
	font-weight: bold;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

img.avatar {
    width: 60%;
    border-radius: 40%;
}

.container {
    margin: 16px;
	width:100%;
}