* {
  margin: 0;
  font-family: "Century Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  &.route {
    cursor: pointer;
  }
}

@mixin default() {
  font-size: 0.75rem;
}

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

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

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

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

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

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

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

span {
  @include default();

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

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