MACHIN

<div class="container">
  <div id="image"></div>
            <div class="content">
                <h3>Project</h3>
                <h1>MACHIN</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec diam ex, molestie a efficitur eget, mollis eu turpis. In hac habitasse platea dictumst. Nunc in iaculis nisl, nec hendrerit tellus. In malesuada, erat eget feugiat tinciduLnt, quam est ornare est, ac aliquam nibh turpis vel lectus. Praesent sit amet congue enim. Pellentesque quis erat ut sapien pulvinar hendrerit quis vel erat. Donec nec nisl pharetra, mattis dolor nec, sodales est. Ut in auctor justo. Maecenas sit amet sagittis justo. In diam velit, ultricies pellentesque pellentesque id, consequat nec ante. Nam tempor erat eget faucibus consectetur. Pellentesque sagittis mauris quam, sed sagittis felis tristique sit amet. Praesent condimentum ipsum in maximus eleifend. Maecenas cursus hendrerit tellus. </p>
            </div>
</div>


body {
                background-color: #0d1b2a;
                color: #ffffff;
                font-family: Arial, sans-serif;
                display: flex; /*à faire en dernier*/
                justify-content: center;
                align-items: center;
                height: 100vh;
                padding: 20px;
               margin: 0;
                padding: 0;
                
            }


            .container {
                display: flex;
                width: 1200px;
                align-items: center;
                gap: 40px;
            }


         #image {background-color:#f4a261;
                width: 40%;
                height:500px;
                border-radius: 10px;
            }


            .content {
                width: 55%;
            }


            .content h3 {
                color: #f4a261;
                text-transform: uppercase;
                letter-spacing: 2px;
            }


            .content h1 {
                font-size: 2.5em;
                margin: 10px 0;
            }


            .content p {
                font-size: 1.1em;
                line-height: 1.6;
            }