<template>
  <div h-80 text-center flex flex-col align-middle select-none all:transition-400>
    <input type="checkbox" peer placeholder=">" class="<md:color-red" mt-a>
    <div mb-a group peer-checked="text-4xl">
      <div
        font-100 text-4xl mb--3 p-10
        bg-gradient="to-r from-yellow-400 via-red-500 to-pink-500"
        align-10px
      >
        ~
      </div>
      <div text-5xl font-100 sm="bg-blue-600" align-20%>
        unocss
      </div>
      <div op-20 font-200 mt-1 tracking-wider g