@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
	font-family: 'Raleway', sans-serif;


}

#main {
width:780px;
margin:0px auto;
/* border:2px solid red; */
}

span {
color:red
}

h1 {
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}

h3 {
text-align:center;
border-radius:10px 10px 0 0;
margin:1px 40px;
padding:15px
border: 1px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#info {
background-color:#F3F0F9;
width:400px;
border-radius:10px;
border:2px solid #ccc;
padding:30px 10px 10px 10px;
margin:auto;
font-size:12px;

}
#login {
display:block;
background-color:#F3F0F9;
width:400px;
border-radius:10px;
border:2px solid #ccc;
padding:10px 30px 5px;
margin:auto;
float:center;
}
input[type=text],input[type=password] {
width:100%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
}
input[type=submit] {
width:100%;
background-color:#3F566D;
color:#fff;
border:2px solid #3F566D;
padding:5px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:20px
}
#profile {
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:20px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#3F566D
}
i {
color:#3F006D
}