improved youtube embeds

Wave/tailwind.config.js

@@ -3,6 +3,7 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
     content: ["Pages/**/*.cshtml", "Components/**/*.razor"],
+    safelist: ["youtube"],
     theme: {
         extend: {
         },

Wave/wwwroot/css/main.css

@@ -28,3 +28,8 @@ @layer base {
         hyphenate-limit-chars: 5 3;
     }
 }
+@layer components {
+    .youtube {
+        @apply rounded p-2 bg-base-200;
+    }
+}