In this lab, you are tasked to create a simple overlay element that shows the hex code of the background element (div).
You should implement the following design only using HTML/CSS and without any third party libraries.
You can make use of <code class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono" data-prestyled="true">opacity</code>, <code class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono" data-prestyled="true">position</code> properties &amp; <code class="rounded dark:bg-gray-800 dark:text-white text-black bg-gray-100 px-[0.25rem] py-[0.1rem] text-sm font-normal font-mono" data-prestyled="true">:hover</code> pseudo-class to build this component.
<blockquote>
NOTE: This is a self assessed lab. There are no test cases available for this exercise lab. You would have to manually check the challenges when you're done.
</blockquote>

Overlay Element