Untitled

Column(
          children: [ 
          const SizedBox(height: 24),
           TextButton(
            onPressed: () {
              debugPrint("Clicked change language");
            },
            child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  const Opacity(
                    opacity: 0.8,
                    child: Text("English (United States)", style: TextStyle(color: Colors.grey)),
                  ),
                  Image.asset(
                    'assets/symbols/arrow.png',
                    width: 18, 
                    height: 18,
                  ),
                ],
              ),
            ),
            const SizedBox(height: 28),
            const Center(
              child: Text(
              "Instagram", 
              style: TextStyle(
                fontSize: 46,
                ),
              ),
            ),
            const SizedBox(height: 52),
            const SizedBox(
              width: 350,
              child: TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                hintText: "Email or Username",
                ),
              ),
            ),
            const SizedBox(height: 15),
            const SizedBox(
              width: 350,
              child: TextField(
                decoration: InputDecoration(
                  border: OutlineInputBorder(),
                  hintText: "Password",
                  suffixIcon:Icon(Icons.remove_red_eye),
                ),
              ),
            ),
            Align(
              alignment: Alignment.centerRight,
              child: TextButton(
              onPressed: () {
                  debugPrint("Forgot password clicked!");
                  },
                 style: TextButton.styleFrom(
                ),
              child: const Text("Forgot Password?"),
              ),
            ),
            const SizedBox(height: 15),
            SizedBox(
              width: 350,
              height: 60,
              child: TextButton(
              onPressed: () {
                  debugPrint("Log in clicked!");
                },
                style: TextButton.styleFrom(
                  backgroundColor: Colors.blue,
                ),
                child: const Text(
                  "Log in", 
                  style: TextStyle(color: Colors.white, fontSize: 16),
                ),
              ),
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: const [
                Text("Forgot your login details?"),
                SizedBox(width: 5, height: 35),
                Text(
                  "Get help signing in.", 
                  style: TextStyle(fontWeight: FontWeight.bold),
                ),
              ],
            ),
            SizedBox(
              width: 350,
              height: 60,
              child: TextButton(
              onPressed: () {
                  debugPrint("Log in clicked!");
                },
                style: TextButton.styleFrom(
                  backgroundColor: Colors.blue,
                ),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Image.asset("assets/social_media_icons/icons8-facebook-100.png"),
                    const Text(
                      "Log in with Facebook", 
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 16,
                      )
                    ),
                  ],
                ),
              ),
            ), 
          ],
        ),