Spaces:
Running
Running
File size: 1,538 Bytes
2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 2f81b19 8f75885 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f4f4f4;
}
header {
background-color: #007bff;
color: #fff;
padding: 20px 0;
text-align: center;
}
header h1 {
font-size: 2.5rem;
}
nav ul {
list-style: none;
padding-top: 10px;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease-in-out;
}
nav ul li a:hover {
color: #ffc107;
}
section {
margin: 20px 0;
padding: 20px;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
section h2 {
color: #007bff;
margin-bottom: 10px;
}
footer {
background-color: #343a40;
color: #fff;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
/* Contact Form Styles */
#contact-form {
max-width: 500px;
margin: auto;
}
#contact-form label {
display: block;
margin: 10px 0 5px;
}
#contact-form input, #contact-form textarea {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
#contact-form button {
display: block;
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
#contact-form button:hover {
background-color: #218838;
} |