head>
  <body class="flex flex-col min-h-screen bg-gray-100 dark:bg-gray-900">
    <div class="flex-grow flex items-center justify-center">
      <div
        class="max-w-md p-6 bg-white border border-gray-200 rounded-lg shadow-lg dark:bg-gray-800 dark:border-gray-700"
        style="min-width: 240px"
      >
        <div class="mb-4">
          <h2 class="text-xl font-semibold text-gray-800 dark:text-white">
            Weather App
          </h2>
          <div class="flex items-center">
            <svg