a {
  text-decoration: none !important;
}

img {
  width: 100%;
}

/* font weight */

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/* font-size */

.fs-tiny {
  font-size: 0.8rem;
}

.fs-small {
  font-size: 0.9rem;
}

.fs-normal {
  font-size: 1rem;
}
.fs-heading {
  font-size: larger;
}

.fs-xl {
  font-size: 1.5rem;
}

/* text colors */

.text-red {
  color: var(--theme-red);
}

.text-blue {
  color: var(--theme-blue);
}

.text-dark {
  color: #555 !important;
}

.text-black {
  color: #333 !important;
}

html.dark .text-red {
  color: var(--color-light);
}

html.dark .text-blue {
  color: var(--color-light);
}

html.dark .text-dark {
  color: #fff !important;
}

html.dark .text-black {
  color: #fff !important;
}

/* backgrounds */
.bg-blue {
  background: var(--theme-blue);
}

.bg-red {
  background: var(--theme-red);
}

.bg-darkblue {
  background: var(--theme-blue-dark);
}

.bg-light-mono {
  background: var(--theme-light);
}

/* width */

.w-fit {
  width: fit-content;
}

.b-none {
  border: none;
}

.b-top {
  border-top: 1px solid #000;
}

.b-bottom {
  border-bottom: 1px solid #000;
}

.b-all {
  border: 1px solid #000;
}

.b-blue {
  border-color: var(--theme-blue);
}

.b-dark {
  border-color: #000;
}

.b-dark-mono {
  border-color: #0003;
}

.b-dark-light {
  border-color: #0001;
}

.b-red {
  border-color: var(--theme-red);
}

.b-light {
  border-color: #fff;
}

.b-light-regular {
  border-color: #fff7;
}

.b-light-mono {
  border-color: #fff3;
}

.b-top-red {
  border-top-color: var(--theme-red);
}

.b-1 {
  border-width: 1px;
}

.b-2 {
  border-width: 2px;
}

.b-3 {
  border-width: 3px;
}

.b-4 {
  border-width: 4px;
}

.b-5 {
  border-width: 5px;
}

.b-top-1 {
  border-top-width: 0.1rem;
}

.b-rad-1 {
  border-radius: 0.1rem;
}

.b-rad-2 {
  border-radius: 0.2rem;
}

.b-rad-3 {
  border-radius: 0.3rem;
}

.b-top-left-rad-1 {
  border-top-left-radius: 0.1rem;
}

.b-top-left-rad-2 {
  border-top-left-radius: 0.2rem;
}

.b-top-left-rad-3 {
  border-top-left-radius: 0.3rem;
}

.b-top-right-rad-1 {
  border-top-right-radius: 0.1rem;
}

.b-top-right-rad-2 {
  border-top-right-radius: 0.2rem;
}

.b-top-right-rad-3 {
  border-top-right-radius: 0.3rem;
}

.b-top-right-rad-4 {
  border-top-right-radius: 0.4rem;
}

.b-top-right-rad-5 {
  border-top-right-radius: 0.5rem;
}

.b-top-right-rad-10 {
  border-top-right-radius: 1rem;
}

/* list style position */

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

html.invert {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}