Description

/* Green, Jumping Spider Style Theme */
body {
font-family: Arial, sans-serif;
background-color: #f0f8f5;
color: #2b2d2f;
}

.product-description {
border: 2px solid #4caf50;
border-radius: 10px;
padding: 20px;
background: linear-gradient(145deg, #e8f5e9, #a5d6a7);
box-shadow: 4px 4px 10px #888888;
max-width: 800px;
margin: auto;
}

.product-description h3 {
color: #2e7d32;
text-shadow: 2px 2px #b9f6ca;
}

.varieties-list {
list-style-type: disc;
padding-left: 20px;
}

.varieties-list li {
font-size: 1.1em;
margin-bottom: 5px;
color: #1b5e20;
transition: transform 0.2s;
}

.varieties-list li:hover {
transform: scale(1.1);
}

.hemp-varieties p {
margin-bottom: 10px;
padding: 10px;
background-color: #c8e6c9;
border-left: 4px solid #388e3c;
border-radius: 5px;
}

hr {
border: none;
height: 2px;
background-color: #4caf50;
}

a {
color: #1b5e20;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #388e3c;
text-shadow: 1px 1px #a5d6a7;
}

/* Jumping Spider Animation */
@keyframes jump {
0% { transform: translateY(0); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}

.product-description:hover {
animation: jump 0.6s ease-in-out;
}

// Interactive Hover Effect for Varieties List
document.querySelectorAll(‘.varieties-list li’).forEach((item) => {
item.addEventListener(‘mouseover’, () => {
item.style.color = ‘#388e3c’;
item.style.fontWeight = ‘bold’;
});
item.addEventListener(‘mouseout’, () => {
item.style.color = ‘#1b5e20’;
item.style.fontWeight = ‘normal’;
});
});