@import "normalize.min.css";
body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.65;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
  background: url("../image/bg-desc.png") no-repeat;
  background-size: cover;
  min-height: 100vh;
  color: #000;
  background-position: center;
  font-weight: 400;
}
body input, body textarea {
  border: #666 1px solid;
  outline: none;
}
body input:focus:required:invalid, body textarea:focus:required:invalid {
  border-color: red;
}
body input:required:valid, body textarea:required:valid {
  border-color: green;
}
.logo-container{
  text-align: center;
  padding-top: 70px;
  position: relative;
}
.logo-container span{
  text-transform: uppercase;
  letter-spacing: 0.55px;
}
.logo-container:before,.logo-container:after{
  content: '';
  display: block;
  width: 40%;
  height: 1px;
  background-color: #8e8a61;
  top: 100px;
  position: absolute;
}
.logo-container:before{
  left: 0;
}
.logo-container:after{
  right: 0;
}
.login_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100px;
}
.btn{
  outline: none;
  cursor: pointer;
}
.btn.btn-primary {
border: none;
border-radius: 4px;
background-color: #d8d4a8;
max-width: 370px;
width: 100%;
box-shadow: 0 4px 0 #d8d4a8, 0 5px 5px 1px rgba(0,0,0,.4);
padding: 18px 26px;
color: #000;
transition: all .2s;
}
.btn.btn-primary:active{
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.19);
}