/* BUTTONS */
.vlamor-button {
    border: none;
    position: relative;
    z-index: 2;
    overflow: hidden !important;
}

.button-l {padding: 18px 30px}
.button-m {padding: 14px 24px}
.button-s {padding: 8px 16px}

/* BORDERS */
.f-border-l {
    border: 1px solid var(--light-brown);
}

.rl-border-l {
    border-right: 1px solid var(--light-brown);
    border-left: 1px solid var(--light-brown);
}

.r-border-l {
    border-right: 1px solid var(--light-brown);
}

.l-border-l {
    border-left: 1px solid var(--light-brown);
}

.f-border-d {
    border: 1px solid var(--brown);
}

.rl-border-d {
    border-right: 1px solid var(--brown);
    border-left: 1px solid var(--brown);
}

.r-border-d {
    border-right: 1px solid var(--brown);
}

.r-border-d {
    border-right: 1px solid var(--brown);
}


/* COLORS*/
.white-c {
    color: white;
}

.white-bc {
    background-color: white;
}

.light-c {
    color: var(--light-brown);
}

.light-bc {
    background-color: var(--light-brown);
}

.back-bc {
    background-color: var(--back-brown);
}

.back-c {
    color: var(--back-brown);
}

.dark-c {
    color: var(--brown);
}

.dark-bc {
    background-color: var(--brown);
}

.xdark-c {
    color: var(--dark-brown);
}

.xdark-bc {
    background-color: var(--dark-brown);
}

.black-c {
    color: black;
}

.black-bc {
    background-color: black;
}

/* FONT SIZE */
.f-200 {
    font-size: 2rem;
}

.f-195 {
    font-size: 1.95rem;
}

.f-190 {
    font-size: 1.9rem;
}

.f-185 {
    font-size: 1.85rem;
}

.f-180 {
    font-size: 1.8rem;
}

.f-175 {
    font-size: 1.75rem;
}

.f-170 {
    font-size: 1.7rem;
}

.f-165 {
    font-size: 1.65rem;
}

.f-160 {
    font-size: 1.6rem;
}

.f-155 {
    font-size: 1.55rem;
}

.f-150 {
    font-size: 1.5rem;
}

.f-145 {
    font-size: 1.45rem;
}

.f-140 {
    font-size: 1.4rem;
}

.f-135 {
    font-size: 1.35rem;
}

.f-130 {
    font-size: 1.3rem;
}

.f-125 {
    font-size: 1.25rem;
}

.f-120 {
    font-size: 1.2rem;
}

.f-115 {
    font-size: 1.15rem;
}

.f-110 {
    font-size: 1.1rem;
}

.f-105 {
    font-size: 1.05rem;
}

.f-100 {
    font-size: 1rem;
}

.f-095 {
    font-size: 0.95rem;
}

.f-090 {
    font-size: 0.9rem;
}

.f-085 {
    font-size: 0.85rem;
}

.f-080 {
    font-size: 0.8rem;
}

.f-075 {
    font-size: 0.75rem;
}

.f-070 {
    font-size: 0.7rem;
}

.f-065 {
    font-size: 0.65rem;
}

.f-060 {
    font-size: 0.6rem;
}

.f-055 {
    font-size: 0.55rem;
}

.f-050 {
    font-size: 0.5rem;
}
/* FONT SIZE */

/* MOVING TEXT */

:root {
    --gap: 5rem;
}
  
  .marquee {
    overflow: hidden;
    user-select: none;
    display: flex;
    gap: var(--gap);
  }
  
  ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
    animation: marquee 20s linear infinite;
  }
  
  .text {
    color: var(--brown);
    font-weight: 400;
    font-size: 2.5rem;
  }
  
.moving-text-container {
    border-bottom: 1px solid var(--brown);
    padding-top: 20px;
    padding-bottom: 20px;
}

  @keyframes marquee {
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }