O
body {
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
}
h6 {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
p {
margin-bottom: 20px;
line-height: 1.5;
}
h2 {
font-size: 2em;
margin-top: 20px;
}
h3 {
font-size: 1.5em;
margin-top: 15px;
}
ul {
margin-bottom: 20px;
}
li {
margin-bottom: 10px;
}
span {
padding: 5px 10px;
border-radius: 5px;
}
a {
color: #ffff00;
text-decoration: none;
border-bottom: 1px dotted #ffff00;
}
a:hover {
border-bottom: 1px solid #ffff00;
}
/* Animation Effects */
span:hover {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}
h2 span {
animation: colorChange 5s infinite alternate;
}
@keyframes colorChange {
from {
background-color: #ffff00;
color: #000000;
}
to {
background-color: #000000;
color: #ffff00;
}
}