export default function Responsividade(){
    return (
        <div>
            <h1 className="
            text-[1rem] 
            md:text-[2rem] 
            lg:text-[3rem]
            xl:text-[4rem]
            ">Título Responsivo</h1>
            <h1 className="font-sans">Título 01</h1>
            <h1 className="font-serif">Título 02</h1>
            <h1 className="font-mono">Título 03</h1>
            <h1 className="text-2xl">Título 04</h1>

            <h1 className="italic">Título 06</h1>
            <h1 className="font-thin">Título 06</h1>
            <h1 className="font-thin tracking-wider">Título 06</h1>

            <h1 className="text-left">Esquerda</h1>
            <h1 className="text-center">centro</h1>
            <h1 className="text-right">Direta</h1>
            
        </div>
    )
}