.fnt-styl-prmry {
  font-family: "Koulen", sans-serif;
}

.fnt-styl-scndry {
  font-family: "JetBrains Mono", monospace;
}

.fnt-styl-parag {
  font-family: "SUSE";
}

.fnt-styl-trshry {
  font-family: "Jua";
}

.fnt-thn {
  font-weight: 100;
}

.fnt-nrm {
  font-weight: 500;
}

.fnt-bld {
  font-weight: bold;
}

.fnt-bldr {
  font-weight: bolder;
}

.fnt-128px {
  font-size: 8em;
}

.fnt-48px {
  font-size: 3em;
}

.fnt-32px {
  font-size: 2em;
}

.fnt-24px {
  font-size: 1.5em;
}

.fnt-18px {
  font-size: 1.15em;
}

.fnt-16px {
  font-size: 1em;
}

.fnt-10px {
  font-size: 0.8em;
}

.clr-txt-prmry {
  color: var(--PrimaryText);
}

.clr-txt-scndry {
  color: var(--SecondaryText);
}

.clr-bg-drk {
  background-color: var(--Background-Dark);
}

.clr-bg-lght {
  background-color: var(--Background-Light);
}

.clr-bg-lght-fdd {
  background-color: var(--Background-Light-Faded);
}

.clr-main-acnt {
  color: var(--MainAccent);
}

.clr-main-tntd {
  color: var(--TintedAccent);
}

.clr-main-trnsprnt {
  color: var(--TransparentAccent);
}

.rnd-crnrs {
  border-radius: 20px;
}

.rnd-crcle {
  border-radius: 50%;
}

.pos-abs {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-fix {
  position: fixed;
}

.pos-inln-blk {
  display: inline-block;
}

.paragraph-spacing {
  margin: 8em;
}

.flt-lft {
  float: left;
}

.flt-rght {
  float: right;
}

.dsp-flx {
  display: flex;
}

.jstfy-cntr {
  justify-content: center;
}

.z-ind-0 {
  z-index: 0;
}

.z-ind-1 {
  z-index: 1;
}

.z-ind-2 {
  z-index: 2;
}

.z-ind-3 {
  z-index: 3;
}

.wdth-max-cntnt {
  width: max-content;
}

.wdth-300px {
  width: 300px;
}

.hghlgt-none {
  -webkit-user-select: none; /* Safari */
  user-select: none; /* Standard syntax */
  -ms-user-select: none; /* IE 10 and IE 11 */
}

.ptr {
  cursor: pointer;
}

.trnstn-fst {
  transition: 0.1s;
}

.trnstn-slw {
  transition: 0.4s;
}

.btn {
  font-family: "JetBrains Mono", monospace;
  font-weight: bolder;
  color: var(--Background-Dark);
  background-color: var(--MainAccent);
  border-radius: 10em;
  display: flex;
  justify-content: center;
  padding: 0.45em 1.5em;
  transition: 0.2s;
}
.btn:hover {
  cursor: pointer;
  background-color: var(--Background-Dark);
  outline: var(--MainAccent) 0.25em solid;
  color: var(--MainAccent);
  transform: scaleX(1.05);
}

.divider {
  border-top: 3px solid var(--MainAccent);
}

.mrgn-top {
  margin-top: 5em;
}

.mrgn-bot {
  margin-bottom: 5em;
}

.drp-shdw {
  box-shadow: var(--DropShadow) 0.5em 0.75em 1em;
}

/*# sourceMappingURL=Repeatables.css.map */