No title
.png)
September 15, 2024
/* styles.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
color: #333;
}
header {
background-color: #0044cc;
color: #fff;
padding: 1em 0;
text-align: center;
}
h1 {
margin: 0;
}
main {
padding: 1em;
}
.contact-info, .contact-form {
margin: 1em 0;
}
.contact-info ul {
list-style: none;
padding: 0;
}
.contact-info li {
margin: 0.5em 0;
}
.contact-form label {
display: block;
margin: 0.5em 0 0.2em;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 0.5em;
margin-bottom: 1em;
border: 1px solid #ccc;
border-radius: 4px;
}
.contact-form button {
background-color: #0044cc;
color: #fff;
padding: 0.7em 1.5em;
border: none;
border-radius: 4px;
cursor: pointer;
}
.contact-form button:hover {
background-color: #0033aa;
}
footer {
background-color: #f1f1f1;
text-align: center;
padding: 1em 0;
position: fixed;
width: 100%;
bottom: 0;
}
