@import url(https://fonts.googleapis.com/css?family=Open+Sans);
h3 {
    font-family: 'Open Sans', sans-serif;
    text-align:center;
   
}
button{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

button:focus {
  outline: none !important;
}
.btn {
  border-radius: 0px;
  border: 0;
  transition: .2s ease-out;
  color: #fff;
  margin: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn:hover {
  color: #fff;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn:active, .btn:focus, .btn.active {
  outline: 0;
  color: #fff;
}

/*Primary - Students*/
.btn-primary {
  background: #398bb7;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #398bc9 !important;
}

.btn-primary.active {
  background-color: #398bb7 !important;
}

/*Default - Teachers*/
.btn-default {
  background: #024168;
}
.btn-default:hover, .btn-default:focus {
  background-color: #024178 !important;
}
.btn-default.active {
  background-color: #398bb7 !important;
}

/*Link - Sign Up*/
.btn-link {
  background-color: #ffffff;
  color: #024168;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus {
  background-color: #ffffff;
  color: #024168;
}