Newsletter
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.newsletter-container {
display: flex;
max-width: 800px;
width: 100%;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.newsletter-form, .newsletter-info {
padding: 20px;
flex: 1;
}
.newsletter-form {
border-right: 1px solid #eee;
/* Additional styling for your form container */
}
.newsletter-info {
background-color: #f0f8ff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 20px;
}
.newsletter-info h3 {
color: #333;
margin-bottom: 15px;
}
.newsletter-info p {
line-height: 1.6;
color: #666;
}