* {
  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;
  }
}