fiz algumas mudanças apenas para tornar mais pessoal e adequar ao responsivo
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<main class="p-10 m-auto my-10 bg-gradient-to-r from-teal-300 to-sky-400 w-4/5 lg:w-2/5 flex flex-col justify-center">
<p class="text-white font-bold text-4xl lg:text-6xl">Fernando</p>
<p class="text-white text-xl lg:text-4xl">Desenvolvedor Front-End</p>
</main>
</body>
</html>