/* General page styles */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background: linear-gradient(135deg, #e60000, #660000); /* Red to dark red gradient */
color: #fff;
line-height: 1.6;
}
header {
background-color: #990000;
padding: 10px 0;
text-align: center;
}
header h1 {
font-size: 2.5rem;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
/* Navigation bar styles */
nav {
display: flex;
justify-content: center;
background-color: #660000;
padding: 10px 0;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 1.1rem;
margin: 0 15px;
position: relative;
}
nav a:hover {
background-color: #990000;
border-radius: 5px;
}
/* Dropdown menu styles */
nav .dropdown {
position: relative;
}
nav .dropdown-content {
display: none;
position: absolute;
background-color: #660000;
min-width: 160px;
z-index: 1;
left: 0;
padding: 10px 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
nav .dropdown:hover .dropdown-content {
display: block;
}
nav .dropdown-content a {
padding: 10px 20px;
color: #fff;
text-decoration: none;
display: block;
}
nav .dropdown-content a:hover {
background-color: #990000;
border-radius: 5px;
}
/* Active link styles */
nav a.active {
background-color: #990000;
border-radius: 5px;
}
/* Main content styles */
main {
padding: 40px 20px;
text-align: center;
}
/* Footer styles */
footer {
background-color: #660000;
color: #fff;
text-align: center;
padding: 15px 0;
position: fixed;
bottom: 0;
width: 100%;
}
/* Responsive Design */
@media (max-width: 768px) {
nav {
flex-direction: column;
}
nav a {
padding: 12px;
margin: 5px 0;
}
nav .dropdown-content {
position: static;
}
}
Inanimafied
again, recoded, it still might look like shit -Toy