html
Y2K Style CSS
body {
background-color: #C0C0C0; /* Silver background /
font-family: 'Comic Sans MS', cursive, sans-serif;
color: #003366; / Dark blue text /
text-align: center;
}
h1 {
font-size: 3em;
color: #FF00FF; / Magenta /
text-shadow: 2px 2px #FFFF00; / Yellow shadow /
}
h2 {
font-size: 2em;
color: #FF4500; / OrangeRed /
}
a {
color: #800080; / Purple /
font-size: 1.5em;
text-decoration: underline;
text-shadow: 1px 1px #FFFFFF; / White shadow /
}
a:hover {
color: #FFD700; / Gold on hover /
}
marquee {
font-size: 1.8em;
color: #0000FF; / Blue /
}
.button {
display: inline-block;
background-color: #FFFF00; / Yellow /
color: #000000; / Black text /
padding: 10px 20px;
border: 2px solid #FF00FF; / Magenta border /
border-radius: 10px;
transition: background-color 0.3s, color 0.3s;
text-shadow: 1px 1px #FFFFFF; / White shadow /
}
.button:hover {
background-color: #FF00FF; / Magenta /
color: #FFFFFF; / White text on hover /
}
footer {
font-size: 0.8em;
color: #808080; / Gray */
margin-top: 20px;
}
Retro Y2K CSS StyleWelcome to the Y2K themed webpage!Explore the FeaturesClick Me!