T

[Lejoker667]

/* styles.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
color: #333;
}

header {
background: #2C3E50;
color: #fff;
padding: 20px 10px;
text-align: center;
}

header .logo h1 {
font-size: 2.5em;
margin: 0;
}

header .navbar {
margin-top: 15px;
}

header .navbar a {
color: #fff;
margin: 0 10px;
text-decoration: none;
font-weight: bold;
}

.hero-section {
background: url('hero-image.jpg') no-repeat center center/cover;
color: #fff;
text-align: center;
padding: 100px 20px;
}

.hero-section h2 {
font-size: 2.5em;
margin-bottom: 10px;
}

.cta-button {
display: inline-block;
margin-top: 15px;
padding: 10px 20px;
background: #3498DB;
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}

.services-section, .about-section, .contact-section {
padding: 50px 20px;
text-align: center;
}

.service-item {
margin: 20px 0;
}

.contact-section form {
max-width: 500px;
margin: 0 auto;
text-align: left;
}

.contact-section form label {
display: block;
margin: 10px 0 5px;
}

.contact-section form input,
.contact-section form textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}

.contact-section form button {
display: block;
width: 100%;
padding: 10px;
background: #3498DB;
color: #fff;
font-size: 1em;
border: none;
border-radius: 5px;
cursor: pointer;
}

footer {
background: #2C3E50;
color: #fff;
padding: 10px;
text-align: center;
}