Oppgave

Ved å bruke Tailwind CSS-verktøy for farger, kanter og skygger, lag en stilisert kortkomponent med følgende spesifikasjoner:

1. Den ytre beholderen skal ha:
   • Hvit bakgrunnsfarge;
   • Medium skygge.
2. Kortet skal inneholde:
   • En overskrift (h2) med tekststørrelse 2xl og tekstfarge gray-900;
   • Et avsnitt (p) med tekstfarge gray-700.
3. Inne i kortet, opprett en boks med kant med:
   • Lys blå bakgrunnsfarge (f.eks. blue-50);
   • Blå kantfarge;
   • Medium avrundede hjørner;
   • Tekstfarge blue-700.
4. Legg til en annen boks med:
   • Lys grønn bakgrunnsfarge (f.eks. green-100);
   • Grønn kantfarge;
   • Avrundede hjørner;
   • Liten skygge;
   • Tekstfarge green-700.

1. Bakgrunnsfarger: Bruk bg-white, bg-blue-50, bg-green-100 for bakgrunnsfarger;
2. Tekstfarger: Bruk text-gray-900, text-gray-700, text-blue-700, text-green-700 for tekstfarger;
3. Kantfarger: Bruk border-blue-500, border-green-500 for kantfarger;
4. Kantavrunding: Bruk rounded-md, rounded for avrundede hjørner;
5. Skygger: Bruk shadow-md, shadow-sm for skygger;
6. Tekststørrelse: Bruk text-2xl for overskriftsstørrelse.