body {
	background-color: yellow;
	color: blue;
	}
h1 { 
	color: red;
	text-decoration: underline;
	}
h2 { 
	color: lime; 
	background: black; 
	padding: 10px; 
	}
h3 { 
	color: #C11C84;
	} 
p {
	background-color: yellow;
	color: blue;
	}
a {
	color: black;
	background-color: white;
	}
ul { 
	color: green; 
	}
ol { 
	color: purple;
	}
li { 
	background-color: yellow;
	color: blue;
	}
dl {
	background-color: lightgray;
	padding: 10px; 
	}
dt { 
	font-weight: bold;
	color: blue;
	}
dd { 
	background-color: yellow;
	color: blue; 
	}

table { 
	border: 5px solid red;
	width: 100%;
	border-collapse: collapse;
	}
th { 
	background-color: cyan;
	color: black; border: 1px solid black; 
	}
td { 
	background-color: white; 
	color: black;
	border: 2px solid black;
	text-align: center; 
	}
caption {
	color: red;
	font-size: 2em;
	}
.hobby-section{
	border: 15px solid black;
	padding: 50px;
	margin: 20px;
	}
.theme-1{
	background-color: grey;
	}
.theme-2{
	background-color: blue;
	}
.theme-3{
	background-color: orange;
	}
.img-round{
	border: 3px dotted gray;
	padding: 5px;
}
.img-soft{
	border: 3px solid pink;
	margin-top: 10px;
	padding: 5px;
}
.highlight {
    background-color: yellow;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
}
.vocab {
    color: #2e86de;
    text-decoration: underline dotted;
    cursor: help;
}
#target-section:target {
    background-color: #f1f2f6;
    border-left: 5px solid #ff9f43;
    padding-left: 10px;
}
.keyword {
	color: brown
}
.hobby-tilt {
    transition: transform 0.4s ease;
}
.hobby-tilt:hover {
    transform: scale(1.1) rotate(5deg);
}
.hobby-flip {
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.hobby-flip:hover {
    transform: rotateY(180deg);
}
.hobby-glow {
    border: 2px solid transparent;
    transition: border-color 0.5s, box-shadow 0.5s, background-color 0.3s;
    padding: 5px;
}
.hobby-glow:hover {
    border-color: #ff5733;
    box-shadow: 0 0 15px #ff5733;
    background-color: #fef9e7;
}
@keyframes bounceIn {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
.animate-bounce {
    animation: bounceIn 2s infinite ease-in-out;
}
@keyframes pulseGlow {
    0% { text-shadow: 0 0 0px #fff; }
    50% { text-shadow: 0 0 10px #3498db; }
    100% { text-shadow: 0 0 0px #000; }
}
.keyword-pulse {
    animation: pulseGlow 1.5s infinite;
    font-weight: bold;
}
.hobby-slide {
    transition: all 0.5s ease-out;
}
.hobby-slide:hover {
    transform: skewX(-10deg) translateX(20px);
    opacity: 0.8;
}