@mixin default() {
  font-family: "Century Gothic", sans-serif;
  font-size: 0.75rem;
}

body {
  background: url("../assets/hexellence.png")
}

button {
  &.btn {
    @include default();
  }

  &.page-link {
    @include default();
  }

  &.dropdown-item {
    @include default();
  }
}

div, li, span {
  &.route {
    cursor: pointer;
  }
}

textarea {
  &.form-control {
    @include default();
  }
}

img {
  &.avatar {
    border: thin black solid;
    border-radius: 50%;
  }
}

input[type="search"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="password"] {
  @include default();
}

span {
  @include default();

  &.badge {
    @include default();
    font-weight: normal;
  }

  &.ln {
    white-space: break-spaces;
  }
}