.head-container {
  width: 1460px;
  margin: 0 auto;
  position: relative;
  background: black;
}

.head-container>.logo {
  width: 200px;
  height: 20px;
  float: left;
}

.menu {
  width: 100%;
  height: 65px;
  background: black;
}

.menu>.menu-content {
  width: 200px;
  height: 65px;
  float: right;
  font-family: sans-serif, Arial;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.05em;
  position: relative;
  color: #fff;
  line-height: 65px;
}

.menu>.menu-content>a {
  color: #fff;
  text-decoration: none;
}

.arrow-up {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  right: 151px;
  top: 50px;
  display: none;
}

.login-form {
  position: absolute;
  width: 300px;
  height: auto;
  background: #fff;
  right: 58px;
  top: 60px;
  border-style: solid;
  border-radius: 3px;
  border-bottom: 5px solid gray;
  display: none;
}

.login-form>form {
  width: 250px;
  margin: 25px auto;
  font-size: 20px;
  font-family: sans-serif, Arial;
  color: gray;
  letter-spacing: -0.05em;
}

input[type="text"], input[type="password"] {
  width: 220px;
  height: 30px;
  border: 0px;
  outline: none;
  box-shadow: inset 0 0 10px #eee;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-top: 5px;
  font-family: sans-serif, Arial;
  font-size: 16px;
}

input[type="submit"] {
  width: 95%;
  height: 35px;
  background: #f44336;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif, Arial;
  color: white;
  outline: none;
  border: 0px;
  border-radius: 3px;
  letter-spacing: -0.05em;
}

input[type="submit"]: hover {
  background: #B21515;
}

.fa {
  margin-right: 5px;
}