* {
    margin: 0px;
    padding: 0px;
}
body {
    font-size: 120%;
    background: #F8F8F8;
}

body::after {
    content: "";
    background-image: url(../img/5_2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.header {
    width: 30%;
    margin: 40px auto 0px;
    color: white;
    background: #5F9EA0;
    font-size: 80%;
    text-align: center;
    border: 1px solid #B0C4DE;
    border-radius: 10px 10px 0px 0px;
    padding: 15px;
}
form, .content {
  width: 40%;
  margin: 0px auto;
  padding: 15px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 0px 0px 10px 10px;
}
.input-group {
  margin: 10px 0px 10px 0px;
}
.input-group label {
  /* display: block; */
  text-align: left;
  margin: 3px;
  display:inline;
}
.input-group input {
  height: 20px;
  width: 93%;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 5px;
  border: 1px solid gray;
  display:inline;
}
.btn {
  padding: 10px;
  font-size: 15px;
  color: white;
  background: #5F9EA0;
  border: none;
  border-radius: 5px;
}
.error {
  width: 92%;
  margin: 0px auto;
  padding: 10px;
  border: 1px solid #a94442;
  color: #a94442;
  background: #f2dede;
  border-radius: 5px;
  text-align: left;
}
.success {
  color: #3c763d;
  background: #dff0d8;
  border: 1px solid #3c763d;
  margin-bottom: 20px;
}
footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:20px;
	height:25px;
	text-align: center;
}
.alignleft {
  float: left;
  margin-left: 30px;
  bottom:0;
}
.aligncenter {
  float: center;
  margin: auto;
  bottom:0;
}
.alignright {
  float: right;
  margin-right: 50px;
  bottom:0;
}
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a.ex1 {
  color: grey;
}
a.ex1:hover {
  color: red;
}
a.specialeffects:hover {
  color: red ;
  text-decoration: none ;
  /* background-color: #ff0 ; */
}