* {
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", sans-serif; }

ul,
ol,
dl {
  margin: 0;
  padding: 0; }

body {
  background-color: #f2f2f2;
  width: 100vw;
  height: 100vh;
  padding: 50px; }
  @media only screen and (max-width: 575px) {
    body {
      background-color: #ffffff; } }

.form-control {
  border-radius: 10px; }
  .form-control:focus {
    border-color: #9624e2;
    box-shadow: 0 0 0 0.2rem rgba(150, 36, 226, 0.25); }

.btn {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
  .btn-primary {
    background: linear-gradient(to right, #2896e9 3%, #7467f0 96%); }

.alert {
  border: none; }
  .alert-danger {
    background-color: unset; }

.logo {
  font-size: 2rem;
  letter-spacing: 1px;
  color: #9624e2; }

.welcome-page,
.logout-page {
  padding: 5rem 20%; }
  @media only screen and (max-width: 575px) {
    .welcome-page,
    .logout-page {
      padding: 5rem 1rem; } }

.logged-out-page,
.login-container,
.access-denied-page,
.confirm-email-page {
  padding: 2rem;
  max-width: 500px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  text-align: center; }

.confirm-email-page p {
  color: #8a8a8a; }

.login-container p {
  color: #8a8a8a; }

.login-container .form-group {
  text-align: left; }

.login-container .form-control {
  margin-bottom: 1rem; }

@media only screen and (max-width: 575px) {
  .login-container {
    box-shadow: none; } }