/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:100%;
margin:10px auto;
}
span {
color:red
}
h1 {
color: white;
font-size: 50px;
text-shadow: black 5px 5px 30px;
margin-top:0;
margin-left:20px;

}
h2 {
color: yellow;
text-shadow:2px 2px 2px black;
background-color:skyblue;
text-align:center;
border-radius:10px 10px 0 0;
width:298px;
height:40px;
margin-top:-10px;
margin-left:-10px;
margin-bottom:5px;
padding-top:2px;
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
background-color:#FFF;
width:300px;
border-radius:10px;
border: 1px solid black;
padding:10px 40px 20px 10px;
margin-top:130px;
margin-right:70px;

}
input[type=text],input[type=password],select {
width:100%;
padding:5px;
margin-top:2px;
border:1px solid #ccc;
font-size:16px;
border-radius: 5px;

}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
font-size:20px;
cursor:pointer;
border-radius:5px;
padding:5px;
margin-top:10px;
}
#profile {
padding:50px;
font-size:20px;
background-color:#DCE6F7
}
#logout {
float:right;
padding:5px;
border:dashed 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}

#menu {
padding:15px;
font-size:18px;
background-color:#FFCB00
}
.content .google-login-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-color: #d6523e;
  cursor: pointer;
}
.content .google-login-btn .icon {
  display: inline-flex;
  height: 100%;
  padding: 15px 20px;
  align-items: center;
  justify-content: center;
  background-color: #cf412c;
  margin-right: 15px;
}
.content .google-login-btn .icon svg {
  fill: #fff;
}
.content .google-login-btn:hover {
  background-color: #d44a36;
}
.content .google-login-btn:hover .icon {
  background-color: #c63f2a;
}
.content {
  max-width: 400px;
  width: 100%;
  margin: 5px auto 5px auto;
  border-radius: 5px;
  background-color: transparent;
  padding: 10px 30px 10px 30px;
}
.content h1 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 15px 0;
  color: #3b4252;
}
.content h1 .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #9196a5;
  margin-left: 5px;
  font-size: 14px;
}
.content h1 .icon svg {
  fill: #fff;
}
.content .login-txt {
  margin: 0;
  padding: 15px 0 25px 0;
  color: #3b4252;
}