/* CSS for home buttons + Hover CSS grow */
.hvr-grow {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform border color;
  -webkit-transition-property: -webkit-transform border color;
  transition-property: -webkit-transform border color;
  transition-property: transform border color;
  transition-property: transform border color, -webkit-transform border color;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

#nav-button, #nav-button:visited, #nav-button:link
{
  min-width: 100px;
  max-width: 250px;
  text-decoration: none;
  border-radius: 30px;
  margin-top: 3px;
  padding: 6px 10px;
  font-weight: 600;
  color: rgb(0,161,155);
  background-color: rgb(235, 235, 235);
  border: 2px solid rgb(235,235,235);
}
a#nav-button:hover, a#nav-button:focus, a#nav-button:active
{
  text-decoration: none;
  border: 2px solid rgb(245,245,245);
  color: rgb(245,245,245);
  background-color: rgba(235, 235, 235, 0);
}

.social-login-button, .social-login-button:visited, .social-login-button:link
{
  display: inline-block;
  width: 180px;
  text-align: center;
  margin-top: 60px;
  text-decoration: none;
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 24px;
  font-weight: 600;
  color: rgb(0,161,155);
  background-color: rgb(235, 235, 235);
  border: 2px solid rgb(235,235,235);
}
a.social-login-button:hover, a.social-login-button:focus, a.social-login-button:active
{
  text-decoration: none;
  border: 2px solid rgb(245,245,245);
  color: rgb(245,245,245);
  background-color: rgba(235, 235, 235, 0);
}

.left-login-button {
  margin-right:20px;
}

.right-login-button {
  margin-left:20px;
}