/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Comic Sans MS', sans-serif;
background: #00BFFF; /* Bright cyan background */
color: #FF6347; /* Tomato text color */
text-align: center;
padding: 20px;
}
/* Header */
h1 {
font-size: 4em;
color: #FF1493; /* Deep pink */
text-shadow: 2px 2px 5px #000000; /* Simple text shadow */
font-weight: bold;
padding-bottom: 10px;
}
h2 {
font-size: 2.5em;
color: #FFD700; /* Gold */
margin-top: 30px;
text-decoration: underline;
}
/* Links */
a {
text-decoration: blink; /* Blinking links */
color: #0000FF; /* Blue */
font-size: 1.2em;
font-weight: bold;
text-shadow: 1px 1px 2px #FFFFFF; /* White glow around links */
}
a:hover {
color: #FF6347; /* Tomato red on hover */
text-decoration: underline;
}
/* Navbar */
nav {
background: #32CD32; /* Lime green background */
padding: 15px;
margin-top: 20px;
}
nav a {
color: white;
margin-right: 20px;
font-size: 1.5em;
text-transform: uppercase;
}
nav a:hover {
color: #FFD700; /* Gold */
text-decoration: none;
}
/* Main Content */
main {
background: #FFFF00; /* Yellow background */
border: 5px dashed #FF6347; /* Red dashed border */
padding: 30px;
margin-top: 20px;
}
main h2 {
color: #FF6347;
}
p {
font-size: 1.2em;
line-height: 1.6;
margin-bottom: 20px;
}
/* Footer */
footer {
background: #8A2BE2; /* Blue Violet background */
color: white;
padding: 20px;
margin-top: 50px;
}
footer p {
font-size: 1em;
font-style: italic;
}
/* Tables */
table {
border: 3px solid #FF6347; /* Tomato border */
margin: 20px auto;
padding: 10px;
width: 80%;
}
th, td {
padding: 15px;
text-align: left;
}
th {
background: #FFD700; /* Gold */
color: white;
font-weight: bold;
}
td {
background: #F0F8FF; /* Alice Blue background */
}
/* Image Styles */
img {
border: 5px double #FF1493; /* Double pink border */
margin: 20px;
max-width: 100%;
}
img:hover {
border-color: #FFD700; /* Gold border on hover */
}
/* Marquee Text */
.marquee {
font-size: 2em;
color: #FF1493;
background: #32CD32;
padding: 10px;
border: 2px solid #FFD700;
font-weight: bold;
}
.marquee marquee {
color: #FFFFFF; /* White text in the marquee */
}
/* Buttons */
button {
background: #FF6347;
color: white;
font-size: 1.2em;
border: 3px solid #FFD700;
padding: 10px 20px;
margin-top: 20px;
cursor: pointer;
}
button:hover {
background: #FFD700;
color: #000000;
}