flex flex-col flex-wrap lg:flex-row md:flex-col sm:flex-wrap gap-4 gap-x-6 gap-y-8 lg:gap-x-12 md:gap-y-4 p-4 pt-8 pb-12 pl-6 pr-10 lg:p-8 md:pt-16 sm:p-2 m-auto mx-auto my-4 ml-2 mr-6 lg:m-8 md:mx-12 sm:my-2 w-full max-w-7xl min-w-0 h-auto min-h-screen max-h-full lg:max-w-5xl md:max-w-3xl sm:max-w-sm bg-white dark:bg-slate-900 bg-opacity-95 dark:bg-opacity-80 text-slate-900 dark:text-white text-base sm:text-sm md:text-lg lg:text-xl font-normal font-medium sm:font-semibold md:font-bold lg:font-black leading-6 sm:leading-5 md:leading-7 lg:leading-8 tracking-normal sm:tracking-tight md:tracking-wide lg:tracking-wider rounded-lg sm:rounded-md md:rounded-xl lg:rounded-2xl border border-slate-200 dark:border-slate-700 border-opacity-50 dark:border-opacity-40 shadow-md sm:shadow-sm md:shadow-lg lg:shadow-xl hover:shadow-2xl transition-shadow duration-300 ease-in-out hover:bg-slate-50 dark:hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus-visible:ring-4 focus-visible:ring-blue-600 active:bg-slate-100 dark:active:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer select-none user-select-none pointer-events-auto overflow-hidden overflow-x-auto overflow-y-hidden sm:overflow-y-auto md:overflow-visible lg:overflow-clip whitespace-nowrap sm:whitespace-normal md:whitespace-pre-wrap lg:whitespace-pre-line word-break break-words hyphens-auto inline-block sm:block md:inline-flex lg:flex xl:grid 2xl:table align-top sm:align-middle md:align-bottom lg:align-text-top justify-start sm:justify-center md:justify-end lg:justify-between xl:justify-around 2xl:justify-evenly items-start sm:items-center md:items-end lg:items-baseline xl:items-stretch content-start sm:content-center md:content-end lg:content-between xl:content-around 2xl:content-evenly flex-none sm:flex-shrink md:flex-grow lg:flex-auto flex-start sm:flex-center md:flex-end self-auto sm:self-start md:self-center lg:self-end xl:self-stretch order-first sm:order-last md:order-none lg:order-1 xl:order-12 2xl:order-none bg-gradient-to-r sm:bg-gradient-to-l md:bg-gradient-to-t lg:bg-gradient-to-b xl:bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 bg-clip-text text-transparent sm:bg-clip-padding md:bg-clip-border [&:nth-child(3)]:px-2 hover:[mask:circle] [&_p]:text-red-500 [&>div]:bg-blue-500 font-[Roboto] text-[14px] bg-[#1da1f2] w-[300px] h-[250px] top-[20px] left-[50%] max-w-[800px] min-h-[500px] gap-[18px] p-[32px] m-[24px] leading-[1.8] tracking-[0.5px] rounded-[12px] shadow-[0_4px_6px_rgba(0,0,0,0.1)] group-hover:text-blue-500 peer-focus:border-blue-500 group-hover:bg-blue-50 peer-checked:bg-blue-500 first:mt-0 last:mb-0 odd:bg-gray-50 even:bg-white first-letter:text-2xl first-line:font-bold before:content-['→'] after:content-['✓'] empty:hidden read-only:bg-gray-50 required:border-blue-500 invalid:border-red-500 checked:bg-blue-500 visited:text-purple-600 target:bg-yellow-100 motion-safe:animate-spin motion-reduce:transition-none contrast-more:border-2 contrast-less:border-0 print:hidden supports-grid:grid dark:md:hover:focus:bg-slate-800 sm:lg:xl:2xl:text-4xl hover:focus:active:disabled:opacity-75 group-hover:peer-focus:bg-blue-100 backdrop-blur-none sm:backdrop-blur md:backdrop-blur-sm lg:backdrop-blur-md xl:backdrop-blur-lg 2xl:backdrop-blur-xl backdrop-brightness-100 sm:backdrop-brightness-110 md:backdrop-brightness-125 backdrop-contrast-100 sm:backdrop-contrast-110 backdrop-grayscale-0 sm:backdrop-grayscale backdrop-hue-rotate-0 sm:backdrop-hue-rotate-15 backdrop-invert-0 sm:backdrop-invert backdrop-opacity-0 sm:backdrop-opacity-50 md:backdrop-opacity-100 backdrop-saturate-100 sm:backdrop-saturate-110 backdrop-sepia-0 sm:backdrop-sepia blur-none sm:blur md:blur-sm lg:blur-md brightness-100 sm:brightness-110 contrast-100 sm:contrast-110 drop-shadow-none sm:drop-shadow grayscale-0 sm:grayscale hue-rotate-0 sm:hue-rotate-15 invert-0 sm:invert saturate-100 sm:saturate-110 sepia-0 sm:sepia transform scale-100 sm:scale-95 rotate-0 sm:rotate-1 translate-x-0 sm:translate-x-1 skew-x-0 sm:skew-x-1 origin-center perspective backface-visible [@media(min-width:800px)]:flex [@supports(display:grid)]:grid [&:not(:first-child)]:mt-4 [&[data-active]]:bg-blue-500 hover:[&_p]:underline focus:[mask:radial-gradient()] [.dark_&]:bg-slate-900 font-['Open_Sans'] quotes-['«'_'»'] grid-cols-[repeat(3,minmax(0,1fr))] grid-rows-[200px_1fr_100px] supports-[display:grid]:grid aria-[disabled=true]:opacity-50 data-[state=active]:bg-blue-500 group-[:hover]:bg-blue-100 peer-[.active]:text-green-500 has-[:checked]:bg-red-500 group/card:hover:bg-blue-200 peer/input:focus:border-purple-500 [&_.child]:text-sm hover:group-hover:peer-checked:bg-blue-500 dark:sm:md:lg:xl:2xl:bg-black focus-within:outline-blue-500 group-disabled:opacity-50 ring-4 ring-blue-500 ring-opacity-50 ring-inset sm:ring-offset-4 ring-offset-white outline outline-2 outline-offset-2 outline-blue-500 outline-dashed stroke-2 stroke-slate-900 fill-slate-900 space-x-4 space-y-2 divide-x divide-y-2 divide-slate-200 columns-1 sm:columns-2 md:columns-3 break-auto sm:break-avoid list-disc marker:text-slate-900 accent-blue-500 placeholder-slate-400 resize-none touch-auto cursor-auto select-auto caret-[#ff0066] selection:bg-[#fde047] decoration-[3px] underline-offset-0 border-solid border-0 border-t-0 border-b-2 border-l-4 border-slate-50 z-[100] order-[5] delay-[250ms] duration-[400ms] transition-[all_0.5s_ease-in-out] filter-[invert(1)_sepia(0.5)] mix-blend-[screen] mask-[url(/mask.jpg)] isolation-[isolate] backdrop-filter-[blur(10px)_brightness(110%)] appearance-[none] scroll-smooth pointer-events-[auto] col-start-[1] col-end-[3] row-start-[2] row-end-[4] basis-[200px] shrink-[2] grow-[0.5]
