Scribd
Upload
4 views2 pages

Style Css

The document is a CSS stylesheet that defines styles for a webpage, including font styles, colors, and layout for various elements such as the header, main content, and footer. It specifies a light gray background, navy blue accents, and styles for buttons and links, including hover effects. The overall design aims for a cohesive look that matches the homepage's aesthetic.

Uploaded by

Abinaya Kesavan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views2 pages

Style Css

The document is a CSS stylesheet that defines styles for a webpage, including font styles, colors, and layout for various elements such as the header, main content, and footer. It specifies a light gray background, navy blue accents, and styles for buttons and links, including hover effects. The overall design aims for a cohesive look that matches the homepage's aesthetic.

Uploaded by

Abinaya Kesavan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

body {

font-family: Arial, sans-serif; /* Match homepage's font style */


margin: 0;
padding: 0;
background-color: #ecf0f1; /* Light gray background to match homepage */
color: #2c3e50; /* Dark navy text */
}

header {
background-color: #34495e; /* Navy blue */
color: white;
padding: 20px;
text-align: center;
}

header h1 {
font-size: 2rem;
margin: 0;
}

main {
padding: 20px;
}

h2 {
color: #34495e; /* Darker navy for headings */
}

p{
line-height: 1.6;
}

footer {
text-align: center;
padding: 10px;
background-color: #34495e; /* Navy blue footer */
color: white;
position: sticky;
bottom: 0;
width: 100%;
}

button {
background-color: #f39c12; /* Yellow-orange for buttons */
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
}

button:hover {
background-color: #e67e22; /* Slightly darker orange on hover */
}

a{
text-decoration: none;
color: inherit;
}

a:hover {
color: #f39c12; /* Accent color for hover effects */
}

You might also like