.fb{
display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    }
    .left-section { width: 400px; margin-right: 50px; }
    .logo-left { font-size: 50px; color: hsl(214, 89%, 52%); font-weight: bold; }
    .container { width: 350px;}
        .logo-left { font-size: 50px; color: #1877f2; font-weight: bold; }
        .tagline { font-size: 20px; margin-top: 10px; color: #222; }
        .login-box {
            background: white;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            text-align: left;
            }
            .login-box input {
                width: 100%;
                padding: 10px;
                margin: 8px 0;
                border: 1px solid #ccc;
                border-radius: 5px;
                }
                
                .login-box button {
                width: 100%;
                padding: 10px;
                background-color: #1877f2;
                color: white;
                border: none;
                border-radius: 5px;
                font-size: 16px;
                }
                .links {
                    text-align: center; margin-top: 12px;
                    }
                    .links a { text-decoration: none;
                    font-size: 14px; color: #1877f2;
                    }
                    
                    .signup { margin-top: 15px; text-align: center; }
                    
                    .signup button {
                    background-color: #42b72a;
                    margin-top: 10px;
                    color: white;
                    border: none;
                    padding: 10px;
                    border-radius: 5px;
                    font-size: 16px;
                    }