Team America/Buzzly Code

<br>
<img class=" ml-6 float-left rounded-full border-4 border-blue-700" src="https://is1-ssl.mzstatic.com/image/thumb/Purple69/v4/e7/a2/e2/e7a2e2bc-50f5-6046-a596-97b4bc7fc26e/source/256x256bb.jpg" style="width: 200px; height: 200px">

<div class="text-left text-lg mt-5 -mb-5">
<div class="my-2 m-auto py-2 px-2 max-w-xl bg-red-800 sharp-lg">


<h2>Team Buzzly</h2>

<hr class="border border-white">

User: NAME HERE
<br>
<hr class="border border-white">
I attack: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s.
</div>

 <div class="flex justify-center md:m-5 m-0 mt-3 md:p-2 p-0 flex-wrap rounded-none text-gray-200 " style="background-image: linear-gradient(rgba(30, 10, 30, 0), rgba(10, 10, 10, 0))">


    <div class="p-1 md:p-3" style="height: 140px; width: 140px">
    	<div class="rounded-none h-full transition duration-500 ease-in-out transform hover:scale-110" style="background-image: url(&#39;https://cdn11.bigcommerce.com/s-w6fxwapwzi/images/stencil/1280x1280/products/124/6856/US-Made-American-Flag__48438.1585163925.jpg?c=1&#39;); background-size: cover">
            <a href="https://www.youtube.com/watch?v=5uPoDNEn3I0" rel="nofollow">
                 <div class="h-full rounded-none opacity-0 hover:opacity-100 bg-gray-900 bg-opacity-60 duration-300 flex justify-center items-center text-base text-white font-semibold">Character/Friend 1</div>


         </div>
    </div>

    <div class="p-1 md:p-3" style="height: 140px; width: 140px">
    	<div class="rounded-none h-full transition duration-500 ease-in-out transform hover:scale-110" style="background-image: url(&#39;https://cdn11.bigcommerce.com/s-w6fxwapwzi/images/stencil/1280x1280/products/124/6856/US-Made-American-Flag__48438.1585163925.jpg?c=1&#39;); background-size: cover">
             <a href="https://www.youtube.com/watch?v=5uPoDNEn3I0" rel="nofollow">
                 <div class="h-full rounded-none opacity-0 hover:opacity-100 bg-gray-900 bg-opacity-60 duration-300 flex justify-center items-center text-base text-white font-semibold">Character/Friend 2</div>

         </div>
    </div>

    <div class="p-1 md:p-3 " style="height: 140px; width: 140px">
    	<div class="rounded-none h-full transition duration-500 ease-in-out transform hover:scale-110" style="background-image: url(&#39;https://cdn11.bigcommerce.com/s-w6fxwapwzi/images/stencil/1280x1280/products/124/6856/US-Made-American-Flag__48438.1585163925.jpg?c=1&#39;); background-size: cover">
             <a href="https://www.youtube.com/watch?v=5uPoDNEn3I0" rel="nofollow">
                 <div class="h-full rounded-none opacity-0 hover:opacity-100 bg-gray-900 bg-opacity-60 duration-300 flex justify-center items-center text-base text-white font-semibold">Character/Friend 3</div>

         </div>
    </div>

    <div class="p-1 md:p-3 " style="height: 140px; width: 140px">
    	<div class="rounded-none h-full transition duration-500 ease-in-out transform hover:scale-110" style="background-image: url(&#39;https://cdn11.bigcommerce.com/s-w6fxwapwzi/images/stencil/1280x1280/products/124/6856/US-Made-American-Flag__48438.1585163925.jpg?c=1&#39;); background-size: cover">
             <a href="https://www.youtube.com/watch?v=5uPoDNEn3I0" rel="nofollow">
                 <div class="h-full rounded-none opacity-0 hover:opacity-100 bg-gray-900 bg-opacity-60 duration-300 flex justify-center items-center text-base text-white font-semibold">Character/Friend 4</div>

         </div>
    </div>

   <div>
    <a class="float-right rounded-md text-center p-2 text-gray-300 opacity-60  hover:text-white" href="https://buzzly.art/~DiabloAfterDark" title="Created by DiabloAfterDark" rel="nofollow"><i class="fad fa-code fa-md"></i>
    </div>