html,body {
  font-family: 'Mulish', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.hero.is-success {
  background: #7DA180;
}
.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.box {
  margin-top: 5rem;
  background-color: #F5F5F5;
}
.avatar {
  margin-top: -70px;
  padding-bottom: 20px;
}
.avatar img {
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
  box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}
input {
  font-weight: 300;
}
p {
  font-weight: 700;
}
p.subtitle {
  padding-top: 1rem;
}

.login-hr{
  border-bottom: 1px solid black;
}

.has-text-black{
  color: black;
}

.field{
  padding-bottom: 10px;
}

.fa{
  margin-left: 5px;
}

.button.is-info {
    background-color: #42786C;
    border-color: transparent;
    color: #fff;
}

.button.is-info:hover {
    background-color: #7DA180;
}

.input:active {
  border-color: #074F57 !important;
  box-shadow: 0 0 0 .125em #074F572B !important;
}

.input:focus{
  border-color: #074F57 !important;
  box-shadow: 0 0 0 .125em #074F572B !important;
}

.signup-title {
  font-size: 22px;
  font-weight: 300;
  float: left;
  padding-bottom: 5px;
}