AviCode problem?

<div class="card bg-faded rounded-0 p-1 mt-3">
<!----------[ TRAITS ]---------->
  <h1 class="text-uppercase text-center font-weight-bold mb-1 p-2" style="letter-spacing:2px; font-size:30px;">FINISHING THE COFFEE</h1>
  <div class="card rounded-0 p-4">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-sm-2 p-1">
          <div class="nav flex-column nav-pills" role="tablist">
            <a class="nav-link active" data-toggle="pill" href="#COFFEESUMMARY" role="tab" style="border-radius:0;">Summary</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEECOMMON" role="tab" style="border-radius:0;">Common</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEEUNCOMMON" role="tab" style="border-radius:0;">Uncommon</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEERARE" role="tab" style="border-radius:0;">Rare</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEE_SR" role="tab" style="border-radius:0;">Super-Rare</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEELEGENDARY" role="tab" style="border-radius:0;">Legendary</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEEADOPTONLY" role="tab" style="border-radius:0;">Adopt-Only</a>
            <a class="nav-link" data-toggle="pill" href="#COFFEEEVENTSONLY" role="tab" style="border-radius:0;">Event-Only</a>
          </div>
        </div>
        <div class="col-sm-10 pr-0">
          <div class="tab-content">
<!----------[ COMMON ]---------->
            <div class="tab-pane fade show active" id="COFFEESUMMARY" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【Selecting A Coffee Type】</h4>
              <p>There are many types of coffee, and as a result, many types of blends that a Caffae or Decaff can be! Some of these types will also include free add-ins, meaning that you don’t need to pick up any additional traits if you select the type as your trait. The finished product of the coffee must show up within your catalyst in some way in order to be approved.</p>
              <p><b>NOTE:</b> Caffaes and Decaffs can use the exact same bean blend <b><i>IF</i></b> they are using a different type of coffee; for example, a regular hot coffee Caffae and a Nitro Iced Coffee Decaff can both use the exact same beans in their blends, due to their different coffee types.</p>
            </div>
<!----------[ UNCOMMON ]---------->
            <div class="tab-pane fade" id="COFFEECOMMON" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【Common】</h4>
<ul>
    <li><strong>Regular hot coffee:</strong> A piping hot cup of coffee. A very flexible drink, you can use most add-ins with this coffee without any oddities.</li>
    <li><strong>Pre-bottled coffee:</strong> Can also be used to describe canned coffee. These are generally cold coffees that are refrigerated, although certain pre-bottled coffee can be considered in higher rarities depending on their advertised ingredients.</li>
    <li><strong>Cafe au lait:</strong> Coffee with hot milk. Some makers include chicory.

        <ul>
            <li>To add chicory, you will need an <strong>Uncommon </strong>trait, as it is an herb.</li>
        </ul>
    </li>
</ul>

            </div>
<!----------[ UNCOMMON ]---------->
            <div class="tab-pane fade" id="COFFEEUNCOMMON" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【Uncommon】</h4>
<ul>
    <li><strong>Iced coffee</strong><strong>:</strong> Defined as any coffee that uses ice in order to make it. Unlike pre-bottled iced coffees, these are generally made within the cup, often by pouring a hot coffee over ice.

        <ul>
            <li>Selecting this type grants you <strong>ice cubes</strong> as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Cold brew coffee:</strong> Coffee that is brewed for a long period of time, which you can then pour over a liquid, usually water or milk.

        <ul>
            <li>Using water with your coffee requires a <strong>Rare </strong>trait.</li>
        </ul>
    </li>
    <li><strong>Nitro iced coffee:</strong> Also called "nitro cold brew". A type of coffee that uses nitrogen gas infused into the liquid through a pressurized valve, which gives it a velvety texture.

        <ul>
            <li>Selecting this type grants you <strong>nitrogen gas</strong> as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Cà phê đá:</strong> A traditional Vietnamese coffee recipe, using ice and a drip filter known as a <em>phin cà phê</em>.</li>

    <ul>
        <li>A variant of this type of coffee, known as <em><strong>cà phê sữa đá</strong></em> uses sweetened condensed milk prior to the drip filter process, but is still considered a <strong>cà phê đá</strong>.</li>
        <li>Another variant, <em>cà phê trứng</em>, is an egg coffee that uses an egg yolk and condensed milk, with a taste and texture similar to tiramisu and eggnog.</li>

        <ul>
            <li>To make a <em>cà phê trứng</em>, you will need a <strong>Super-Rare </strong>trait.</li>
        </ul>
    </ul>
</ul>

            </div>
<!----------[ RARE ]---------->
            <div class="tab-pane fade" id="COFFEERARE" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【Rare】</h4>
<ul>
    <li><strong>Galão</strong><strong>:</strong> A hot drink from Portugal that is made by adding foamed milk to espresso coffee.</li>
    <li><strong>Macchiato:</strong> An Italian coffee variant that is made with espresso and a small amount of milk, usually foamed or steamed.</li>
    <li><strong>Americano:</strong> A type of espresso made by adding hot water to the espresso shots, resulting in a slightly diluted variant.

        <ul>
            <li>Selecting this type grants you <strong>water </strong>as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Red Eye:</strong> a drink that consists of a regular coffee topped off by a shot of espresso.

        <ul>
            <li>A <strong>Black Eye</strong> is similar, except that it's topped off by two shots of espresso.</li>
        </ul>
    </li>
    <li><strong>Cortado:</strong> a type of coffee that uses milk and espresso, typically at a one-to-one to one-to-two ratio.

        <ul>
            <li>A <strong>Flat White</strong> is similar, but uses more foam, allowing for a lighter taste.</li>
        </ul>
    </li>
    <li><strong>Iced Espresso:</strong> A version of iced coffee that uses espresso instead of regular coffee.</li>
    <li><strong>Latte:</strong> A type of coffee made with espresso and hot steamed milk.</li>
    <li><strong>Cappuccino:</strong> Similar to a latte, but not as milky.</li>
    <li><strong>Long Black:</strong> Typically made in Australia and New Zealand, this coffee is made by pouring a double shot of espresso over hot water.

        <ul>
            <li>Selecting this type grants you <strong>water </strong>as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Breve:</strong> An American variant of a latte; it's made with espresso and steamed half-and-half instead of milk.</li>
    <li><strong>Vienna:</strong> Made with espresso and whipped cream, replacing milk and sugar.

        <ul>
            <li>Selecting this type grants you <strong>whipped cream</strong> as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Ristretto:</strong> A highly-concentrated version of espresso, using less water in its process. It often has a sweeter, more concentrated flavor than regular espresso.</li>
    <li><strong>Cafezinho:</strong> A Brazilian espresso that has certain supply requirements, such as using a cloth filter. This coffee is typically served black, but many people may prefer to use sugar or cream.</li>
    <li><strong>Cafe Bombon:</strong> A mix from Spain that utilizes espresso and sweetened condensed milk in a one-to-one proportion.</li>
    <li><strong>Affogato:</strong> Made with espresso and ice cream, often poured in at a one-to-one ratio.

        <ul>
            <li>Selecting this type grants you <strong>ice cream</strong> as a free add-in.</li>
        </ul>
    </li>
</ul>

            </div>

<!----------[ SUPER-RARE ]---------->
            <div class="tab-pane fade" id="COFFEE_SR" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【SUPER-RARE】</h4>
<ul>
    <li><strong>Mocha:</strong> An espresso that uses hot milk, chocolate flavoring, and sweetener. There are a number of variants to be had with this coffee.</li>
    <li><strong>Frappuccino:</strong> Has a coffee or cream base, blended with ice and various other ingredients, and is often topped with whipped creams or spices.

        <ul>
            <li>Adding spices requires a <strong>Super-Rare</strong> trait per spice.</li>
        </ul>
    </li>
    <li><strong>Espresso tonic:</strong> An espresso that uses tonic water, often with ice. This results in a fizzy texture akin to soda.

        <ul>
            <li>Selecting this type grants you <strong>tonic water</strong> as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Egg coffee:</strong> Coffee with an egg in it! This can be done in several styles, such as the Swedish style of a raw egg in coffee grounds before brewing, or the Vietnamese cà phê trứng that makes use of an egg yolk.

        <ul>
            <li>Selecting this type grants you <strong>eggs </strong>as free add-ins.</li>
        </ul>
    </li>
    <li><strong>Turk Kahvesi or Turkish Coffee:</strong> Can <strong>only </strong>be used alongside the <em>extra-fine grind</em>; this is because the extra-fine grind is primarily used for this coffee! Outside of that, it requires extra preparation to make a proper glass of.</li>
    <li><strong>Café Touba:</strong> A coffee that's flavored with grains of certain peppers, like Selim or Guinea; however, sometimes cloves are used instead.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>spices </strong>as free add-in options.</li>
            <li>Selecting <em>additional </em>spices requires a <strong>Super-Rare</strong> trait for each spice.</li>
        </ul>
    </li>
    <li><strong>Spiced coffee:</strong> A Moroccan recipe that requires the use of several warm spices; these include cinnamon, cloves, nutmeg, and cardamom. Optional additions that require traits can include ginger, black pepper, or salt.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>spices </strong>as free add-in options.</li>
            <li>Selecting <em>additional </em>spices requires a <strong>Super-Rare</strong> trait for each spice.</li>
        </ul>
    </li>
    <li><strong>Qahwa:</strong> Arabic coffee, which is brewed and prepared with distinct methods. Cardamom is an often-added spice, but it can be served with other methods.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>spices </strong>as free add-in options.</li>
            <li>Selecting <em>additional </em>spices requires a <strong>Super-Rare</strong> trait for each spice.</li>
        </ul>
    </li>
    <li><strong>Café de Olla:</strong> A traditional Mexican coffee that has a number of spices included, such as cinnamon, cloves, and star anise. It's also brewed in a Mexican clay pot, so it may require some extra prep.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>spices </strong>as free add-in options.</li>
            <li>Selecting <em>additional </em>spices requires a <strong>Super-Rare</strong> trait for each spice.</li>
        </ul>
    </li>
</ul>

            </div>

<!----------[ KEMONOMIMI ]---------->
            <div class="tab-pane fade" id="COFFEELEGENDARY" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【LEGENDARY】</h4>
<ul>
    <li><strong>Irish coffee:</strong> A cocktail, technically, but it still involves coffee. Specifically, it uses hot coffee, Irish whiskey, sugar, and cream.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>alcoholic beverage</strong> as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Mazagran or Cafe mazagran:</strong> A cold sweetened coffee drink that originated in Algeria, but there are variants in Portugal and Austria. It's a mixture that contains espresso and rum, and typically has a slice of lemon added as well.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>alcoholic beverage </strong><em><u><strong>AND</strong></u></em><strong> fruit</strong> as free add-ins.</li>
        </ul>
    </li>
    <li><strong>Yuanyang or yuenyeung or Kopi Cham:</strong> Coffee with tea mixed into it. Specifically, it's made from three parts coffee, and seven parts milk tea.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>tea </strong>as a free add-in.</li>
        </ul>
    </li>
    <li><strong>Pharisaer:</strong> A German coffee that adds a splash of rum and includes whipped cream.

        <ul>
            <li>Selecting this type grants you the appropriate <strong>alcoholic beverage</strong> <strong><em><u>AND</u></em></strong> <strong>whipped cream</strong> as free add-ins.</li>
        </ul>
    </li>
</ul>

            </div>

<!----------[ BEAN HALOS AND WINGS ]---------->
            <div class="tab-pane fade" id="COFFEEADOPTONLY" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【ADOPT-ONLY】</h4>
<ul>
    <li><strong>Kopi luwak or Civet coffee</strong><strong>:</strong> An Indonesian coffee that consists of partially digested coffee cherries, gathered from the Asian palm civet. It's widely considered to be the most expensive coffee in the world, due to the drawn-out process of cultivation.</li>
    <li><strong>Geisha coffee or Gesha coffee:</strong> A type of coffee originating from the Gori Gesha Forest in Ethiopia. This coffee requires unique cultivating conditions, with only a certain amount grown each year.</li>
    <li><strong>Kaffeost:</strong> A Swedish delicacy, in which hot coffee is poured on a type of cheese known as leipajuusto. It is both a drink and a meal, but is still technically coffee.</li>
    <li><strong>Cascara or Coffee cherry tea:</strong> This is actually a type of tea made with the dried skins of the coffee fruit, and generally include the pit as well. It's also known as "the poor man's coffee". Despite the fact that it's a tea, there have been Caffaes who were born from this odd tea.</li>
</ul>

            </div>

<!----------[ EVENT-ONLY ]---------->
            <div class="tab-pane fade" id="COFFEEEVENTSONLY" role="tab" style="height:550px; overflow:auto;">
              <h4 class="text-uppercase font-weight-bold" style="letter-spacing:2px;">【EVENT-ONLY】</h4>
              <p>Eventually!</p>

            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
<a class="pull-right text-muted text-uppercase" style="font-weight:lighter; font-size:12px;" href="https://toyhou.se/4710002.species">Code by AviCode</a>